/* ═══════════════════════════════════════════════
   恋语 LianYu PC 官网 · "LianYu Pink Romance"
   设计令牌源自 LianYuPC DESIGN.md
   深/浅双主题 · 顶部与底部液态玻璃悬浮栏
   ═══════════════════════════════════════════════ */

:root{
  color-scheme:dark;
  /* ── 品牌 ── */
  --accent:#f4a6b5;
  --accent-l:#f8c8d8;
  --accent-d:#d48494;
  --accent-muted:#6b4a52;
  --accent-glow:rgba(244,166,181,.2);
  --accent-soft:rgba(244,166,181,.08);
  --accent-ink:#f4a6b5;          /* 深色主题下粉字可读 */

  /* ── 背景 ── */
  --bg-deepest:#0e1218;
  --bg-deep:#10151d;
  --bg-1:#121820;
  --bg-2:#171e28;
  --bg-3:#1e2732;
  --bg-4:#252f3c;
  --amb-1:rgba(244,166,181,.07);
  --amb-2:rgba(107,74,82,.16);

  /* ── 文字 ── */
  --t1:#e8edf2;
  --t2:#a8b4c0;
  --t3:#728090;
  --on-pink:#141a22;

  /* ── 线/玻璃 ── */
  --line:rgba(244,166,181,.14);
  --line-soft:rgba(244,166,181,.09);
  --glass:rgba(27,34,44,.93);

  /* ── 阴影 ── */
  --shadow-card:0 24px 60px rgba(0,0,0,.4),0 0 50px rgba(244,166,181,.07);
  --shadow-float:0 18px 50px rgba(0,0,0,.42);
  --em-glow:0 0 42px rgba(244,166,181,.35);
  --grain-op:.05;

  /* ── 顶部/底部玻璃栏 ── */
  --bar-grad:linear-gradient(180deg,rgba(43,54,68,.72),rgba(23,30,40,.84));
  --bar-border:rgba(244,166,181,.2);
  --bar-hl:inset 0 1px 0 rgba(255,255,255,.14);
  --bar-shadow:0 14px 40px rgba(0,0,0,.4),0 0 0 1px rgba(244,166,181,.06);
  --item-on:linear-gradient(180deg,rgba(244,166,181,.22),rgba(244,166,181,.1));
  --bar-bg-solid:rgba(14,18,24,.82);

  /* ── 聊天演示 ── */
  --chat-grad:linear-gradient(180deg,rgba(28,36,48,.95),rgba(16,21,29,.97));
  --chat-bar:rgba(20,26,34,.82);
  --chat-body:rgba(10,11,19,.5);
  --chat-input:rgba(20,26,34,.8);
  --her-bg:rgba(30,39,50,.96);
  --me-text:#f3e2e6;
  --inner-text:#c99ba8;
  --float-bg:rgba(30,39,50,.93);

  /* ── 面板/节点 ── */
  --node-bg:rgba(16,21,30,.8);
  --thumb-bg:rgba(10,14,20,.42);
  --dlchip-bg:rgba(10,14,20,.45);
  --chip-text:#e3b9c4;
  --panel-a:linear-gradient(180deg,rgba(37,47,60,.94),rgba(23,30,40,.97));
  --panel-b:linear-gradient(180deg,rgba(30,39,50,.94),rgba(18,24,32,.97));
  --panel-c:radial-gradient(560px 300px at 90% 0%, rgba(244,166,181,.1), transparent 65%);
  --foot-bg:linear-gradient(180deg,transparent,rgba(10,13,18,.92));
  --band-grad:linear-gradient(180deg,rgba(14,18,24,0),rgba(107,74,82,.12),rgba(14,18,24,0));
  --petsec-grad:linear-gradient(180deg,transparent,rgba(107,74,82,.1) 30%,rgba(14,18,24,0) 90%);

  --r-sm:8px;--r-md:14px;--r-lg:24px;--r-xl:28px;--r-pill:999px;
  --ease:cubic-bezier(.23,1,.32,1);
  --font-serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  --font-sans:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,-apple-system,sans-serif;
  --font-en:"Syne","PingFang SC",sans-serif;
}

/* ═══════ 浅色主题 ═══════ */
html[data-theme="light"]{
  color-scheme:light;
  --accent-ink:#a3586d;
  --bg-deepest:#fbfafc;
  --bg-deep:#ffffff;
  --bg-1:#f7f5f7;
  --bg-2:#f0edf0;
  --bg-3:#e9e5ea;
  --bg-4:#ddd8de;
  --amb-1:rgba(244,166,181,.08);
  --amb-2:rgba(150,100,112,.08);
  --t1:#2b2530;
  --t2:#5c5462;
  --t3:#8d8494;
  --on-pink:#141a22;
  --line:rgba(176,88,110,.18);
  --line-soft:rgba(176,88,110,.1);
  --glass:rgba(255,255,255,.95);
  --shadow-card:0 22px 54px rgba(150,90,110,.14),0 0 40px rgba(244,166,181,.06);
  --shadow-float:0 16px 44px rgba(150,90,110,.16);
  --em-glow:0 6px 34px rgba(201,106,129,.22);
  --grain-op:.03;
  --bar-grad:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.68));
  --bar-border:rgba(176,88,110,.2);
  --bar-hl:inset 0 1px 0 rgba(255,255,255,.95);
  --bar-shadow:0 14px 40px rgba(150,90,110,.14),0 0 0 1px rgba(244,166,181,.08);
  --item-on:linear-gradient(180deg,rgba(244,166,181,.28),rgba(244,166,181,.14));
  --bar-bg-solid:rgba(255,255,255,.82);
  --chat-grad:linear-gradient(180deg,#ffffff,#f8f4f6);
  --chat-bar:rgba(246,241,244,.92);
  --chat-body:rgba(250,247,249,.55);
  --chat-input:rgba(246,241,244,.85);
  --her-bg:#ffffff;
  --me-text:#8a3a4f;
  --inner-text:#b3778a;
  --float-bg:rgba(255,255,255,.95);
  --node-bg:rgba(255,255,255,.72);
  --thumb-bg:rgba(210,198,206,.45);
  --dlchip-bg:rgba(255,255,255,.85);
  --chip-text:#a3586d;
  --panel-a:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,243,245,.94));
  --panel-b:linear-gradient(180deg,rgba(255,255,255,.97),rgba(249,246,248,.95));
  --panel-c:radial-gradient(560px 300px at 90% 0%, rgba(244,166,181,.12), transparent 65%);
  --foot-bg:linear-gradient(180deg,transparent,rgba(244,232,237,.55));
  --band-grad:linear-gradient(180deg,transparent,rgba(244,166,181,.1),transparent);
  --petsec-grad:linear-gradient(180deg,transparent,rgba(244,166,181,.08) 30%,transparent 90%);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto}
body{
  font-family:var(--font-sans);
  font-size:15px;line-height:1.7;
  color:var(--t1);
  background-color:var(--bg-deepest);
  background-image:
    radial-gradient(1200px 700px at 85% -10%, var(--amb-1), transparent 60%),
    radial-gradient(900px 600px at -10% 40%, var(--amb-2), transparent 60%);
  min-height:100vh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--accent);color:var(--on-pink)}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{font-family:inherit;background:none;border:0;color:inherit;cursor:pointer}
svg{flex:none}

::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(244,166,181,.18);border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:rgba(244,166,181,.34)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}

/* ── 背景氛围 ─────────────────────────────────── */
.bg-fx{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.orb{position:absolute;border-radius:50%}
.orb--a{width:560px;height:560px;left:-160px;top:-180px;
  background:radial-gradient(circle at 40% 40%, rgba(212,132,148,.32), rgba(212,132,148,.12) 45%, transparent 72%);
  animation:drift 19s var(--ease) infinite alternate}
.orb--b{width:640px;height:640px;right:-220px;top:16%;
  background:radial-gradient(circle at 60% 40%, rgba(107,74,82,.4), rgba(107,74,82,.14) 45%, transparent 72%);
  animation:drift 23s var(--ease) infinite alternate-reverse}
.orb--c{width:520px;height:520px;left:22%;bottom:-240px;
  background:radial-gradient(circle at 50% 50%, rgba(244,166,181,.14), rgba(244,166,181,.05) 45%, transparent 72%);
  animation:drift 27s var(--ease) infinite alternate}
html[data-theme="light"] .orb--a{background:radial-gradient(circle at 40% 40%, rgba(244,166,181,.28), rgba(244,166,181,.1) 45%, transparent 72%)}
html[data-theme="light"] .orb--b{background:radial-gradient(circle at 60% 40%, rgba(201,150,164,.36), rgba(201,150,164,.12) 45%, transparent 72%)}
html[data-theme="light"] .orb--c{background:radial-gradient(circle at 50% 50%, rgba(244,166,181,.2), rgba(244,166,181,.07) 45%, transparent 72%)}
@keyframes drift{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(50px,-40px,0) scale(1.12)}
}
.grain{position:absolute;inset:0;opacity:var(--grain-op);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ── 通用 ─────────────────────────────────────── */
.section{padding-block:clamp(64px,9vw,110px);scroll-margin-top:110px}
.section__inner{max-width:1180px;margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}
.section__inner--narrow{max-width:860px}

.eyebrow{display:inline-flex;align-items:center;gap:9px;
  color:var(--accent-ink);font-size:12px;letter-spacing:.16em;font-weight:600}
.eyebrow__dot{width:7px;height:7px;border-radius:50%;
  background:var(--accent);box-shadow:0 0 12px var(--accent);
  animation:pulse 2.6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

.sec-head{margin-bottom:clamp(30px,4.5vw,52px)}
.sec-head__kicker{color:var(--accent-ink);font-size:12px;letter-spacing:.22em;font-weight:600;margin-bottom:14px}
.sec-head__title{font-family:var(--font-serif);font-weight:600;line-height:1.3;
  font-size:clamp(1.75rem,3.4vw,2.55rem);letter-spacing:.02em}
.sec-head__desc{margin-top:14px;color:var(--t2);font-size:15.5px;line-height:1.9;max-width:64ch}
.sec-head__desc strong{color:var(--t1);font-weight:600}

/* ── 按钮 ─────────────────────────────────────── */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border-radius:var(--r-pill);font-size:15px;font-weight:600;line-height:1;
  padding:12px 22px;transition:transform .26s var(--ease),box-shadow .26s var(--ease),
  background-color .26s var(--ease),border-color .26s var(--ease),color .26s var(--ease);
  overflow:hidden;white-space:nowrap}
.btn__arrow{transition:transform .26s var(--ease);font-weight:500}
.btn:hover .btn__arrow{transform:translateX(4px)}
.btn--solid{background:linear-gradient(135deg,var(--accent-l) 0%,var(--accent) 45%,var(--accent-d) 100%);
  color:var(--on-pink)}
.btn--solid:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(244,166,181,.34),0 0 44px rgba(244,166,181,.16)}
.btn--ghost{background:var(--accent-soft);border:1px solid var(--line);color:var(--t1)}
.btn--ghost:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px);
  box-shadow:0 0 0 4px rgba(244,166,181,.06)}
.btn--sm{font-size:13.5px;padding:9px 16px}
.btn--xl{font-size:16px;padding:16px 28px}
.btn__shine{position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.55) 50%,transparent 68%);
  transform:translateX(-130%);transition:transform .9s var(--ease)}
.btn--solid:hover .btn__shine{transform:translateX(130%)}

/* ── 品牌 ─────────────────────────────────────── */
.brand{display:inline-flex;align-items:center;gap:11px;min-width:0}
.brand__logo{width:38px;height:38px;border-radius:12px;
  box-shadow:0 0 0 1px rgba(244,166,181,.25),0 0 22px rgba(244,166,181,.14);
  object-fit:cover}
.brand__text{display:flex;flex-direction:column;line-height:1.1}
.brand__cn{font-family:var(--font-serif);font-size:20px;font-weight:700;letter-spacing:.06em}
.brand__en{font-family:var(--font-en);font-size:9px;font-weight:700;letter-spacing:.34em;
  color:var(--accent-ink);margin-top:3px}
.brand__tag{margin-left:2px;padding:3px 10px;border:1px solid var(--line);
  border-radius:var(--r-pill);color:var(--accent-ink);font-size:11px;letter-spacing:.08em;white-space:nowrap}

/* ═══════ 顶部液态玻璃状态栏 ═══════ */
.nav{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:120;
  width:max-content;max-width:calc(100% - 24px);border-radius:var(--r-pill);
  background:var(--bar-grad);border:1px solid var(--bar-border);
  -webkit-backdrop-filter:blur(26px) saturate(160%);backdrop-filter:blur(26px) saturate(160%);
  box-shadow:var(--bar-shadow),var(--bar-hl);
  transition:background .3s var(--ease),box-shadow .3s var(--ease)}
.nav.is-scrolled{background:var(--bar-bg-solid);box-shadow:var(--bar-shadow),var(--bar-hl)}
.nav__inner{display:flex;align-items:center;gap:14px;padding:9px 12px 9px 14px;
  border-radius:var(--r-pill)}
.nav__spacer{flex:1 1 8px;min-width:4px}
.nav__cta{display:inline-flex}

/* ═══════ 底部悬浮液态玻璃 Dock ═══════ */
.dock{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:120;
  display:flex;align-items:center;gap:4px;width:max-content;max-width:calc(100% - 20px);
  padding:8px;border-radius:var(--r-pill);
  background:var(--bar-grad);border:1px solid var(--bar-border);
  -webkit-backdrop-filter:blur(26px) saturate(160%);backdrop-filter:blur(26px) saturate(160%);
  box-shadow:var(--bar-shadow),var(--bar-hl);
  animation:dock-in .7s var(--ease) .25s both}
@keyframes dock-in{from{opacity:0;transform:translateX(-50%) translateY(22px) scale(.96)}
  to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
.dock__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  min-width:58px;padding:7px 8px 6px;border-radius:16px;color:var(--t2);
  transition:transform .24s var(--ease),color .24s var(--ease),background-color .24s var(--ease),
  box-shadow .24s var(--ease)}
.dock__item svg{width:20px;height:20px}
.dock__item span{font-size:10.5px;font-weight:500;letter-spacing:.1em;white-space:nowrap}
.dock__item:hover{transform:translateY(-3px);color:var(--accent-ink);
  background:var(--accent-soft)}
.dock__item.is-active{color:var(--accent-ink);background:var(--item-on);
  box-shadow:0 6px 18px rgba(244,166,181,.16)}
.dock__item--dl{color:var(--t2)}
.dock__item--dl:hover{color:var(--accent-ink);background:var(--accent-soft);box-shadow:none}
.dock__sep{width:1px;height:26px;margin-inline:4px;background:var(--line)}
.dock__theme{padding:10px 12px;border-radius:var(--r-pill)}
.dock__theme svg{width:19px;height:19px}
.ico-moon{display:none}
html[data-theme="light"] .ico-sun{display:none}
html[data-theme="light"] .ico-moon{display:block}
@media (max-width:720px){
  .dock{bottom:12px;padding:6px}
  .dock__item{min-width:0;padding:8px 11px;border-radius:999px}
  .dock__item span{display:none}
  .dock__item--dl{padding-inline:13px}
  .nav{top:10px}
  .nav__cta{display:none}
  .brand__tag{display:none}
}

/* ── Hero ─────────────────────────────────────── */
.hero{position:relative;padding-top:clamp(118px,15vh,168px);padding-bottom:clamp(50px,7vw,84px)}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  gap:clamp(40px,5vw,72px);align-items:center}
.hero__title{font-family:var(--font-serif);font-weight:600;line-height:1.24;letter-spacing:.02em;
  font-size:clamp(2.3rem,4.6vw,3.7rem);margin-top:22px}
.hero__title em{font-style:normal;color:var(--accent-l);text-shadow:var(--em-glow)}
html[data-theme="light"] .hero__title em{color:#c96a81}
.hero__lead{margin-top:22px;color:var(--t2);font-size:clamp(15px,1.2vw,16.5px);
  line-height:1.95;max-width:56ch}
.hero__lead strong{color:var(--t1);font-weight:600}
.hero__cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}
.hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:11px;
  margin-top:20px;color:var(--t3);font-size:12.5px;letter-spacing:.02em}
.hero__meta i{width:3.5px;height:3.5px;border-radius:50%;background:var(--accent-muted)}
.hero__stats{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;
  gap:clamp(18px,3vw,40px);margin-top:clamp(30px,4.5vw,48px);padding-top:26px;
  border-top:1px solid var(--line)}
.hero__stats dt{font-family:var(--font-serif);font-size:clamp(1.5rem,2.2vw,1.9rem);
  font-weight:700;color:var(--t1)}
.hero__stats dd{margin-top:2px;color:var(--t3);font-size:12.5px;letter-spacing:.06em}

/* hero 舞台(聊天卡 + 桌宠) */
.hero__stage{position:relative;display:flex;flex-direction:column;align-items:center;
  gap:clamp(18px,2.4vw,26px);padding-block:8px}
.chat-card{position:relative;width:min(94%,472px);z-index:2;flex:none;
  border-radius:22px;overflow:hidden;background:var(--chat-grad);
  border:1px solid var(--line);box-shadow:var(--shadow-float),0 0 60px rgba(244,166,181,.07)}
.chat-card__bar{display:flex;align-items:center;gap:12px;padding:11px 16px;
  background:var(--chat-bar);border-bottom:1px solid var(--line-soft)}
.chat-card__pips{display:flex;gap:6px}
.chat-card__pips i{width:9px;height:9px;border-radius:50%}
.chat-card__pips i:nth-child(1){background:rgba(244,166,181,.85)}
.chat-card__pips i:nth-child(2){background:rgba(244,166,181,.45)}
.chat-card__pips i:nth-child(3){background:rgba(244,166,181,.2)}
.chat-card__title{font-size:12.5px;color:var(--t2);font-weight:500;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.chat-card__live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;
  color:var(--accent-ink);font-size:11px;white-space:nowrap}
.chat-card__live i{width:6px;height:6px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 8px var(--accent);animation:pulse 1.6s ease-in-out infinite}
/* 定高内容区:演示消息循环不会撑高页面 */
.chat-card__body{display:flex;flex-direction:column;gap:10px;padding:14px 16px;
  height:236px;overflow:hidden;background:var(--chat-body)}
.msg{max-width:86%;padding:9px 13px;font-size:13px;line-height:1.75;
  animation:msgIn .5s var(--ease) both}
.msg p{display:inline}
.msg--me{align-self:flex-end;
  background:linear-gradient(135deg,rgba(244,166,181,.34),rgba(212,132,148,.28));
  border:1px solid rgba(244,166,181,.26);
  border-radius:16px 16px 5px 16px;color:var(--me-text)}
.msg--her{align-self:flex-start;max-width:88%;
  background:var(--her-bg);border:1px solid var(--line-soft);
  border-radius:5px 16px 16px 16px;color:var(--t1)}
.msg--her::before{content:"雷电将军";display:block;margin-bottom:4px;
  font-size:10.5px;color:var(--accent-ink);letter-spacing:.1em}
.msg__inner{display:block;margin-top:6px;font-size:11.5px;color:var(--inner-text);
  font-style:italic;border-left:2px solid rgba(244,166,181,.4);padding-left:8px;line-height:1.6}
@keyframes msgIn{from{opacity:0;transform:translateY(10px) scale(.98)}
  to{opacity:1;transform:none}}
.chat-card__input{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:13px 18px;color:var(--t3);font-size:12.5px;background:var(--chat-input);
  border-top:1px solid var(--line-soft)}
.chat-card__input svg{width:15px;height:15px;color:var(--accent)}

/* 桌宠 */
.pet-hero{position:relative;z-index:1;
  display:flex;flex-direction:column;align-items:center;
  width:min(100%,368px);margin-bottom:10px}
.pet-sprite{position:relative;width:264px;height:286px;flex:none;
  --fw:264px;--fh:286px;--full-w:2112px;--full-h:2574px;
  --idle-x:-1584px;--jump-x:-1320px;--jump-y:-1144px;--wave-x:-1056px;--wave-y:-858px;
  background-image:url("../assets/pet/raiden_spritesheet.webp");
  background-repeat:no-repeat;background-size:var(--full-w) var(--full-h);
  image-rendering:pixelated;cursor:pointer;
  animation:pet-idle 1.06s steps(6,end) infinite;
  filter:drop-shadow(0 12px 26px rgba(244,166,181,.14));
  transition:transform .25s var(--ease)}
.pet-sprite:hover{transform:scale(1.035) translateY(-2px)}
.pet-sprite--lg{--fw:300px;--fh:325px;--full-w:2400px;--full-h:2925px;
  --idle-x:-1800px;--jump-x:-1500px;--jump-y:-1300px;--wave-x:-1200px;--wave-y:-975px;
  width:300px;height:325px;background-size:var(--full-w) var(--full-h)}
.pet-sprite.is-static{animation:none;background-size:100% 100%}
.pet-sprite.act-wave{animation:pet-wave .55s steps(4,end) 1}
.pet-sprite.act-jump{animation:pet-jump .5s steps(5,end) 1}
@keyframes pet-idle{from{background-position:0 0}to{background-position:var(--idle-x) 0}}
@keyframes pet-jump{from{background-position:0 var(--jump-y)}
  to{background-position:var(--jump-x) var(--jump-y)}}
@keyframes pet-wave{from{background-position:0 var(--wave-y)}
  to{background-position:var(--wave-x) var(--wave-y)}}
.pet-hero__bubble{position:absolute;top:-12px;left:50%;z-index:3;
  transform:translateX(-50%);max-width:244px;padding:9px 15px;
  border-radius:15px 15px 15px 4px;background:var(--float-bg);border:1px solid var(--line);
  font-size:12.5px;color:var(--t1);line-height:1.65;text-align:center;
  box-shadow:var(--shadow-float);transition:opacity .3s var(--ease),transform .3s var(--ease)}
.pet-hero__floor{position:absolute;bottom:0;left:50%;transform:translateX(-50%);
  width:min(320px,90%);height:30px;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(244,166,181,.22),transparent 68%);
  filter:blur(7px)}
.pet-hero__cap{margin-top:10px;font-size:12.5px;color:var(--t3);letter-spacing:.04em;text-align:center}
.pet-hero__cap strong{color:var(--t1);font-weight:600;font-size:13.5px}
.pet-hero__hint{display:inline-flex;align-items:center;gap:5px;margin-left:8px;
  color:var(--accent-ink);font-size:11px;animation:pulse 3s ease-in-out infinite}

/* 飘浮提示 */
.toast{position:absolute;z-index:3;padding:8px 13px;border-radius:var(--r-pill);
  font-size:11.5px;color:var(--t2);white-space:nowrap;
  background:var(--float-bg);border:1px solid var(--line);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:var(--shadow-float)}
.toast--a{top:24px;right:-14px;animation:floaty 7s var(--ease) 1.2s infinite alternate}
.toast--b{bottom:60px;left:-12px;animation:floaty 8.5s var(--ease) .4s infinite alternate-reverse}
.toast::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--accent);margin-right:7px;box-shadow:0 0 8px var(--accent)}
@keyframes floaty{from{transform:translateY(0)}to{transform:translateY(-16px)}}

/* ── 理念带 ─────────────────────────────────── */
.quote-band{position:relative;border-block:1px solid var(--line-soft);
  background:var(--band-grad);padding-block:clamp(56px,8vw,96px)}
.quote-band__inner{position:relative}
.quote-band__mark{position:absolute;top:-34px;left:-6px;font-family:var(--font-serif);
  font-size:150px;line-height:1;color:var(--accent);opacity:.13;pointer-events:none;user-select:none}
.quote-band__text{position:relative;font-family:var(--font-serif);font-weight:600;
  font-size:clamp(1.7rem,3.6vw,2.7rem);line-height:1.4;letter-spacing:.03em}
.quote-band__text span{display:block;margin-top:10px;color:var(--accent-ink);font-weight:500}
.quote-band__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
.mini-card{padding:24px;border-radius:var(--r-lg);background:var(--glass);
  border:1px solid var(--line-soft);
  transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
.mini-card:hover{transform:translateY(-5px);border-color:var(--line);
  box-shadow:var(--shadow-card)}
.mini-card h3{font-family:var(--font-serif);font-size:19px;font-weight:600;color:var(--t1)}
.mini-card h3::before{content:"";display:inline-block;width:22px;height:2px;vertical-align:middle;
  background:var(--accent);margin-right:10px;border-radius:2px}
.mini-card p{margin-top:12px;color:var(--t2);font-size:14px;line-height:1.9}

/* ── 功能 bento ───────────────────────────────── */
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.feat{position:relative;border-radius:var(--r-lg);padding:26px;
  background:var(--glass);border:1px solid var(--line-soft);overflow:hidden;
  transition:transform .32s var(--ease),border-color .32s var(--ease),box-shadow .32s var(--ease)}
.feat::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(420px 260px at 20% 0%, rgba(244,166,181,.09), transparent 70%);
  transition:opacity .4s var(--ease)}
.feat:hover{transform:translateY(-5px);border-color:var(--line);
  box-shadow:var(--shadow-card)}
.feat:hover::after{opacity:1}
.feat--chat{grid-column:span 7}
.feat--group{grid-column:span 5}
.feat:nth-of-type(3){grid-column:span 4}
.feat:nth-of-type(4){grid-column:span 4}
.feat:nth-of-type(5){grid-column:span 4}
.feat--moments{grid-column:span 6}
.feat--voice{grid-column:span 6}
.feat--bridge{grid-column:span 12;display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px 30px;
  padding:24px 28px}
.feat--bridge .feat__icon{flex:none}
.feat--bridge__text{flex:1 1 380px}
.feat__icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  background:var(--accent-soft);border:1px solid var(--line);
  color:var(--accent-ink);margin-bottom:18px}
.feat__icon svg{width:22px;height:22px}
.feat h3{font-size:19px;font-weight:600;line-height:1.5;color:var(--t1)}
.feat h3 span{display:block;margin-top:3px;font-size:12px;font-weight:500;
  color:var(--accent-ink);letter-spacing:.14em}
.feat p{margin-top:12px;color:var(--t2);font-size:14px;line-height:1.9}
.feat__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.feat__tags li{padding:4px 11px;border-radius:var(--r-pill);font-size:11.5px;
  color:var(--chip-text);background:var(--accent-soft);border:1px solid var(--line-soft);
  letter-spacing:.02em}
.chip{display:inline-block;padding:2px 9px;border-radius:var(--r-pill);font-size:10.5px;
  letter-spacing:.16em;vertical-align:2px}
.chip--warn{color:#c78b3f;background:rgba(255,165,0,.1);border:1px solid rgba(255,165,0,.35)}
html[data-theme="light"] .chip--warn{color:#9c6a1f;background:rgba(255,165,0,.12)}

/* ── 桌宠区 ──────────────────────────────────── */
.pet-section{background:var(--petsec-grad)}
.pet-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);
  gap:clamp(36px,5vw,72px);align-items:center}
.pet-points{margin-top:8px}
.pet-points li{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line-soft)}
.pet-points li:last-child{border-bottom:0}
.pet-points__n{font-family:var(--font-en);font-size:13px;font-weight:700;color:var(--accent-ink);
  flex:none;padding-top:3px;letter-spacing:.1em}
.pet-points p{color:var(--t2);font-size:14.5px;line-height:1.9}
.pet-points strong{color:var(--t1);font-weight:600}
.pet-demo{border-radius:var(--r-xl);padding:26px 22px 20px;background:var(--panel-a);
  border:1px solid var(--line);
  box-shadow:var(--shadow-float)}
.pet-demo__stage{position:relative;display:flex;flex-direction:column;align-items:center;
  min-height:392px;justify-content:flex-end;padding-bottom:6px}
.pet-demo__bubble{position:absolute;top:6px;left:50%;transform:translateX(-50%);
  max-width:88%;padding:9px 15px;border-radius:15px 15px 15px 4px;
  background:var(--float-bg);border:1px solid var(--line);
  font-size:12.5px;color:var(--t1);line-height:1.7;text-align:center;
  box-shadow:var(--shadow-float);transition:opacity .3s var(--ease),top .3s var(--ease)}
.pet-demo__picker{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:20px}
.pet-thumb{position:relative;border-radius:13px;padding:3px;
  border:1.5px solid transparent;transition:all .26s var(--ease);
  background:var(--thumb-bg)}
.pet-thumb img{width:100%;border-radius:10px;image-rendering:pixelated}
.pet-thumb:hover{border-color:rgba(244,166,181,.45);transform:translateY(-2px)}
.pet-thumb.is-on{border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(244,166,181,.16),0 8px 22px rgba(244,166,181,.18)}
.pet-demo__note{margin-top:14px;text-align:center;color:var(--t3);font-size:12px;letter-spacing:.04em}

/* ── 架构 ────────────────────────────────────── */
.arch-flow{border-radius:var(--r-xl);padding:clamp(22px,3vw,34px);background:var(--panel-b);
  border:1px solid var(--line);
}
.arch-flow__chain{display:flex;align-items:stretch;justify-content:center;
  flex-wrap:wrap;gap:12px}
.arch-node{border-radius:var(--r-lg);padding:18px 16px;flex:1 1 180px;max-width:250px;
  background:var(--node-bg);border:1px solid var(--line-soft);text-align:center;
  transition:transform .3s var(--ease),border-color .3s var(--ease)}
.arch-node:hover{transform:translateY(-4px);border-color:var(--line)}
.arch-node__ico{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 10px;
  border-radius:14px;background:var(--accent-soft);border:1px solid var(--line);
  color:var(--accent-ink)}
.arch-node__ico svg{width:21px;height:21px}
.arch-node p{font-size:14.5px;font-weight:600;color:var(--t1);line-height:1.5}
.arch-node p small{display:block;margin-top:3px;font-weight:400;color:var(--t3);font-size:11.5px}
.arch-node--big{flex:1.5 1 300px;max-width:340px}
.arch-node__layers{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:10px}
.arch-node__layers span{padding:3px 8px;border-radius:var(--r-sm);font-size:10.5px;
  color:var(--chip-text);background:var(--accent-soft);border:1px solid var(--line-soft);
  line-height:1.5}
.arch-node__layers span small{display:block;color:var(--t3);font-size:9.5px}
.arch-node--tools{flex:1.3 1 240px;max-width:300px}
.arch-flow__arrow{align-self:center;color:var(--accent-ink);font-size:22px;flex:none;
  font-family:var(--font-sans);animation:arrowPulse 2.2s ease-in-out infinite}
@keyframes arrowPulse{0%,100%{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(4px)}}
.arch-flow__foot{margin-top:20px;padding-top:16px;border-top:1px dashed var(--line);
  color:var(--t3);font-size:12.5px;text-align:center;line-height:1.8}

.arch-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.arch-card{padding:28px;border-radius:var(--r-xl);background:var(--glass);
  border:1px solid var(--line-soft);
}
.arch-card h3{font-family:var(--font-serif);font-size:19px;font-weight:600}
.arch-card__lead{margin-top:8px;color:var(--t3);font-size:13px}
.arch-list{margin-top:16px;counter-reset:layer}
.arch-list li{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:11px 2px;
  border-bottom:1px solid var(--line-soft);counter-increment:layer}
.arch-list li:last-child{border-bottom:0}
.arch-list li::before{content:"0" counter(layer);font-family:var(--font-en);
  font-size:11px;color:var(--accent-ink);letter-spacing:.14em;padding-top:2px}
.arch-list strong{font-size:14.5px;font-weight:600;color:var(--t1)}
.arch-list span{grid-column:2;font-size:12.5px;color:var(--t3);line-height:1.7;margin-top:-16px}
.arch-memory{margin-top:16px}
.arch-memory li{padding:13px 0;border-bottom:1px dashed var(--line)}
.arch-memory li:last-child{border-bottom:0}
.arch-memory__t{font-size:13.5px;font-weight:600;color:var(--accent-ink)}
.arch-memory p{margin-top:6px;color:var(--t2);font-size:13px;line-height:1.85}
.arch-card__sub{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.arch-safe{margin-top:14px}
.arch-safe li{position:relative;padding:6px 0 6px 26px;color:var(--t2);font-size:13px;line-height:1.8}
.arch-safe li::before{content:"";position:absolute;left:0;top:8px;width:16px;height:16px;
  border-radius:50%;background:var(--accent-soft);border:1px solid var(--line)}
.arch-safe li::after{content:"";position:absolute;left:4px;top:12px;width:5px;height:3px;
  border-left:1.6px solid var(--accent-ink);border-bottom:1.6px solid var(--accent-ink);
  transform:rotate(-45deg)}

.stack{margin-top:18px;padding:28px;border-radius:var(--r-xl);background:var(--glass);
  border:1px solid var(--line-soft);
}
.stack h3{font-family:var(--font-serif);font-size:19px;font-weight:600;margin-bottom:20px}
.stack__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 34px}
.stack__k{font-size:12px;font-weight:600;color:var(--accent-ink);letter-spacing:.18em;margin-bottom:10px}
.stack__grid li{position:relative;padding-left:14px;color:var(--t2);font-size:13px;line-height:1.9}
.stack__grid li::before{content:"";position:absolute;left:0;top:12px;width:5px;height:5px;
  border-radius:50%;background:var(--accent-muted)}
.stack__grid li:last-child{margin-top:4px}

/* ── 下载区 ──────────────────────────────────── */
.dl-section{scroll-margin-top:96px}
.dl-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);
  gap:clamp(30px,4vw,56px);align-items:start;
  padding:clamp(28px,4.6vw,52px);border-radius:var(--r-xl);
  background:var(--panel-c),var(--panel-b);
  border:1px solid var(--line);
  box-shadow:var(--shadow-float)}
.dl-title{font-family:var(--font-serif);font-weight:600;line-height:1.3;
  font-size:clamp(1.7rem,3vw,2.4rem);margin-top:16px}
.dl-lead{margin-top:14px;color:var(--t2);font-size:15px;line-height:1.9;max-width:52ch}
.dl-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.dl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.dl-chips li{padding:5px 13px;border-radius:var(--r-pill);font-size:12px;color:var(--t2);
  background:var(--dlchip-bg);border:1px solid var(--line-soft)}
.dl-steps{border-left:1px solid var(--line);padding-left:22px;display:flex;flex-direction:column;gap:18px}
.dl-step{display:flex;align-items:center;gap:14px}
.dl-step b{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--accent-l),var(--accent-d));
  color:var(--on-pink);font-size:13px;font-family:var(--font-en);font-weight:700;
  box-shadow:0 0 18px rgba(244,166,181,.3)}
.dl-step p{font-size:13.5px;color:var(--t2);line-height:1.6}
.dl-sponsor{display:flex;align-items:center;gap:13px;margin-top:26px;padding:14px 16px;
  border-radius:18px;background:var(--accent-soft);border:1px solid var(--line);
  font-size:13.5px;color:var(--t1);line-height:1.55;
  transition:border-color .28s var(--ease),background .28s var(--ease)}
.dl-sponsor:hover{border-color:var(--accent);background:var(--accent-soft)}
.dl-sponsor small{display:block;color:var(--t3);font-size:11.5px;margin-top:2px}
.dl-sponsor__heart{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  color:var(--accent);background:var(--accent-soft);border:1px solid var(--line);
  animation:beat 1.5s ease-in-out infinite}
.dl-sponsor__heart svg{width:18px;height:18px}
html[data-theme="light"] .dl-sponsor__heart{color:#d46a84}
@keyframes beat{0%,100%{transform:scale(1)}12%{transform:scale(1.14)}24%{transform:scale(1)}}
.dl-note{margin-top:16px;color:var(--t3);font-size:12px;line-height:1.8}
.dl-note a{color:var(--accent-ink);border-bottom:1px solid var(--line)}

/* ── FAQ ─────────────────────────────────────── */
.faq{margin-top:clamp(22px,3vw,34px)}
.faq__item{border-radius:var(--r-md);margin-bottom:10px;overflow:hidden;
  background:var(--glass);border:1px solid var(--line-soft);
  transition:border-color .3s var(--ease)}
.faq__item[open]{border-color:var(--line)}
.faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:18px 22px;font-size:15px;font-weight:600;color:var(--t1);cursor:pointer;
  list-style:none;user-select:none}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary:hover{color:var(--accent-ink)}
.faq__plus{position:relative;flex:none;width:15px;height:15px}
.faq__plus::before,.faq__plus::after{content:"";position:absolute;background:var(--accent-ink);
  border-radius:2px;transition:transform .32s var(--ease)}
.faq__plus::before{left:0;top:6.5px;width:15px;height:2px}
.faq__plus::after{left:6.5px;top:0;width:2px;height:15px}
.faq__item[open] .faq__plus::after{transform:rotate(90deg);opacity:0}
.faq__body{padding:2px 22px 20px;color:var(--t2);font-size:14px;line-height:1.95}
.faq__body p{max-width:68ch}
.faq__body strong{color:var(--t1);font-weight:600}

/* ── 页脚 ────────────────────────────────────── */
.footer{margin-top:clamp(40px,6vw,80px);border-top:1px solid var(--line-soft);
  background:var(--foot-bg)}
.footer__grid{display:grid;grid-template-columns:1.6fr .9fr .9fr;gap:clamp(28px,5vw,64px);
  padding-block:56px 44px}
.footer__brand p{margin-top:18px;color:var(--t3);font-size:13.5px;line-height:1.9;max-width:44ch}
.footer__slogan{margin-top:6px !important;color:var(--accent-ink) !important;font-size:13px}
.footer__col h4{margin-bottom:16px;font-size:11.5px;font-weight:600;color:var(--t3);
  letter-spacing:.26em}
.footer__col a{display:block;margin-bottom:11px;color:var(--t2);font-size:13.5px;
  transition:color .24s var(--ease),transform .24s var(--ease)}
.footer__col a:hover{color:var(--accent-ink);transform:translateX(3px)}
.footer__bar{border-top:1px solid var(--line-soft)}
.footer__bar-inner{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;
  align-items:center;padding-block:18px;padding-bottom:112px;color:var(--t3);font-size:12px}
@media (max-width:720px){ .footer__bar-inner{padding-bottom:96px} }

/* ── 滚动显现 ────────────────────────────────── */
.reveal{opacity:0;transform:translateY(28px) scale(.985);
  transition:opacity .7s var(--ease),transform .7s var(--ease);
  transition-delay:var(--rd,0s)}
.reveal.is-in{opacity:1;transform:none;transition-delay:0s}
.reveal--d1{--rd:.08s}
.reveal--d2{--rd:.16s}
.reveal--d3{--rd:.24s}
.reveal--d4{--rd:.32s}

/* ── 响应式 ──────────────────────────────────── */
@media (max-width:1100px){
  .hero__grid{grid-template-columns:1fr}
  .hero__stage{margin-top:34px;gap:30px}
  .toast{display:none}
  .bento .feat--chat,.bento .feat--group,.bento .feat--moments,
  .bento .feat--voice{grid-column:span 12}
  .bento .feat:nth-of-type(3),.bento .feat:nth-of-type(4),.bento .feat:nth-of-type(5){grid-column:span 6}
  .quote-band__cards{grid-template-columns:1fr 1fr}
  .quote-band__cards .mini-card:last-child{grid-column:span 2}
}
@media (max-width:900px){
  .pet-grid{grid-template-columns:1fr}
  .arch-grid{grid-template-columns:1fr}
  .stack__grid{grid-template-columns:1fr 1fr}
  .dl-card{grid-template-columns:1fr}
  .arch-flow__chain{flex-direction:column;align-items:stretch}
  .arch-node,.arch-node--big,.arch-node--tools{max-width:none;flex:1 1 auto}
  .arch-flow__arrow{align-self:center;transform:rotate(90deg);font-size:18px}
}
@media (max-width:760px){
  .hero__stats{grid-template-columns:repeat(2,auto);row-gap:18px}
  .quote-band__cards{grid-template-columns:1fr}
  .quote-band__cards .mini-card:last-child{grid-column:auto}
  .bento{grid-template-columns:1fr}
  .bento .feat--chat,.bento .feat--group,.bento .feat:nth-of-type(3),
  .bento .feat:nth-of-type(4),.bento .feat:nth-of-type(5),
  .bento .feat--moments,.bento .feat--voice,.bento .feat--bridge{grid-column:span 1}
  .pet-demo__picker{grid-template-columns:repeat(4,1fr)}
  .stack__grid{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr;gap:34px}
  .arch-list li{grid-template-columns:1fr;padding:10px 2px}
  .arch-list span{grid-column:1;margin-top:2px;padding-left:26px}
  .pet-sprite--lg{width:264px;height:286px;
    --full-w:2112px;--full-h:2574px;--idle-x:-1584px;
    --jump-x:-1320px;--jump-y:-1144px;--wave-x:-1056px;--wave-y:-858px;
    background-size:var(--full-w) var(--full-h)}
  .pet-hero{min-width:0;width:100%;padding-top:24px}
  .pet-hero__bubble{max-width:200px;font-size:11.5px;top:-8px}
  .dl-cta .btn{width:100%}
}
@media (max-width:420px){
  .pet-demo__picker{grid-template-columns:repeat(4,1fr)}
}

/* ═══════════════════════════════════════════════
   增强动效层:滚动进度 / 走马灯 / 视差 3D / 系统通知
   ═══════════════════════════════════════════════ */

/* ── 能力走马灯 ── */
.marquee{position:relative;overflow:hidden;padding:18px 0;border-block:1px solid var(--line-soft);
  background:linear-gradient(90deg,transparent,rgba(244,166,181,.04) 18%,rgba(244,166,181,.04) 82%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.marquee__track{display:flex;width:max-content;animation:marq 38s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee.is-paused .marquee__track{animation-play-state:paused}
.marquee__group{display:flex;align-items:center;flex:none}
.mq-item{display:inline-flex;align-items:center;white-space:nowrap;
  padding:6px 0;margin-right:34px;font-size:13.5px;font-weight:500;
  color:var(--t2);letter-spacing:.16em;transition:color .25s var(--ease)}
.mq-item::after{content:"";display:inline-block;width:6px;height:6px;margin-left:34px;
  border-radius:1px;background:linear-gradient(135deg,var(--accent),var(--accent-d));
  transform:rotate(45deg);opacity:.75}
.mq-item:hover{color:var(--accent-ink)}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── 大区块离屏优化:滚动时跳过离屏区块的排版与绘制 ── */
.section,.quote-band,.marquee,.footer{content-visibility:auto;contain-intrinsic-size:auto 640px}
/* ── 入场动画(桌宠演示面板,一次性) ── */
.pet-demo{animation:panel-in .95s var(--ease)}
@keyframes panel-in{from{opacity:0;transform:translateY(28px) scale(.97)}
  to{opacity:1;transform:none}}

/* ── 数字滚动 ── */
.num{font-variant-numeric:tabular-nums}
.num-static{opacity:.95}

/* ── 功能卡图标微动 ── */
.feat__icon{transition:transform .35s var(--ease),background-color .3s var(--ease)}
.feat:hover .feat__icon{transform:scale(1.12) rotate(-6deg)}

/* ── 聊天窗口内系统提示条 ── */
.chat-notice{align-self:center;display:inline-flex;align-items:center;gap:7px;
  margin:2px 0;padding:4px 13px;border-radius:var(--r-pill);
  background:var(--accent-soft);border:1px solid var(--line-soft);
  color:var(--chip-text);font-size:10.5px;letter-spacing:.08em;white-space:nowrap;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;
  animation:notice-in .45s var(--ease) both}
.chat-notice::before{content:"";width:5px;height:5px;border-radius:50%;flex:none;
  background:var(--accent);box-shadow:0 0 6px var(--accent);
  animation:pulse 1.8s ease-in-out infinite}
.chat-notice.is-gone{opacity:0;transform:translateY(-5px);
  transition:opacity .4s var(--ease),transform .4s var(--ease)}
@keyframes notice-in{from{opacity:0;transform:translateY(8px) scale(.92)}
  to{opacity:1;transform:none}}

/* ── 无障碍:减少动效(仅全局装饰类;进场上浮保留轻量过渡) ── */
@media (prefers-reduced-motion:reduce){
  .marquee__track,.pet-sprite,.pet-demo__bubble,.orb{animation:none !important}
}