/* SVG 只替换原图标内容，保留 .home-action-icon 的现有宽高与布局。 */
.home-page .home-action-icon { --svg-surface:#edf5ff; --svg-check-ink:#fff; color:var(--icon-a); }
.home-page .home-icon-svg { display:block; width:100%; height:100%; overflow:visible; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.home-page .home-action-card.featured .home-action-icon,
.home-page .home-action-card.is-watch-focus .home-action-icon { color:#fff; --svg-surface:var(--icon-a); --svg-check-ink:var(--icon-a); }
.home-page .home-action-card.svg-playing:not(.is-watch-focus) .home-action-icon { box-shadow:0 0 0 3px var(--icon-soft-a),0 5px 17px var(--icon-glow),inset 0 1px 0 #ffffff91; }
/* 装饰只在内部播放；原首页的 1.18 倍悬停行为由原脚本控制。 */
@media(max-width:520px) {
 .home-page .home-icon-svg .svg-detail { display:none; }
 .home-page .home-icon-svg { stroke-width:2.25; }
}
@media(prefers-reduced-motion:reduce) {
 .home-page .home-icon-svg * { animation:none !important; transition:none !important; }
 .home-page .home-action-detail { transition:none !important; transform:none !important; }
}

/* 说明浮层轻轻上浮弹出，沿用原位置及触屏隐藏规则。 */
@media (min-width:769px) and (hover:hover) and (pointer:fine) {
 .home-page .home-action-detail,
 .home-page .home-action-card:hover .home-action-detail,
 .home-page .home-action-card:focus-visible .home-action-detail {
  opacity:0;
  transform:translateY(8px) scale(.96);
  transform-origin:top center;
  transition:opacity 160ms ease, transform 180ms ease;
 }
 .home-page .home-action-card.is-watch-focus .home-action-detail,
 .home-page .home-action-card.is-watch-focus:hover .home-action-detail,
 .home-page .home-action-card.is-watch-focus:focus-visible .home-action-detail {
  opacity:1;
  transform:translateY(0) scale(1);
  transition:opacity 240ms ease-out, transform 320ms cubic-bezier(.22,1.18,.36,1);
 }
}

/* 新入口复用现有播放控制，悬停或聚焦仅播放一轮。 */
.home-page .home-action-card.svg-playing .svg-physics .physics-ball {
 animation:svg-physics-ball var(--svg-duration,2400ms) ease both;
}
.home-page .home-action-card.svg-playing .svg-account .account-person,
.home-page .home-action-card.svg-playing .svg-partners .partners-flag {
 transform-box:fill-box;
 transform-origin:center;
 animation:svg-entry-reveal var(--svg-duration,2400ms) ease both;
}
.home-page .home-action-card.svg-playing .svg-account .account-lines {
 stroke-dasharray:1;
 animation:svg-entry-lines var(--svg-duration,2400ms) ease both;
}
.home-page .home-action-card.svg-playing .svg-partners .partners-windows {
 animation:svg-entry-lines var(--svg-duration,2400ms) ease both;
}
.home-page .home-action-card.svg-playing .svg-download .download-arrow {
 animation:svg-download-arrow var(--svg-duration,2400ms) ease both;
}
.home-page .home-action-card.svg-playing .svg-download .download-tray {
 animation:svg-entry-reveal var(--svg-duration,2400ms) ease both;
 transform-box:fill-box;
 transform-origin:center;
}
@keyframes svg-physics-ball {
 0%,10%{transform:translate(-32px,3px);opacity:.4}
 35%{transform:translate(-22px,-11px);opacity:1}
 60%{transform:translate(-11px,-10px)}
 85%,100%{transform:translate(0,0);opacity:1}
}
@keyframes svg-entry-reveal {
 0%{transform:scale(.85);opacity:.35}
 35%{transform:scale(1.05);opacity:1}
 60%,100%{transform:scale(1);opacity:1}
}
@keyframes svg-entry-lines {
 0%,20%{stroke-dashoffset:1;opacity:.2}
 65%,100%{stroke-dashoffset:0;opacity:.6}
}
@keyframes svg-download-arrow {
 0%,10%{transform:translateY(-5px);opacity:.4}
 40%{transform:translateY(3px);opacity:1}
 65%,100%{transform:translateY(0);opacity:1}
}

.home-page .home-action-card.svg-playing .svg-ggb .ggb-links{animation:svg-ggb-draw var(--svg-duration,2400ms) ease both;stroke-dasharray:1}
 .home-page .home-action-card.svg-playing .svg-ggb .ggb-arc{animation:svg-ggb-arc var(--svg-duration,2400ms) ease both;stroke-dasharray:1}
 .home-page .home-action-card.svg-playing .svg-ggb .ggb-node{transform-box:fill-box;transform-origin:center;animation:svg-ggb-node var(--svg-duration,2400ms) ease both}
 .home-page .home-action-card.svg-playing .svg-ggb .ggb-node-b{animation-name:svg-ggb-node-b}
 .home-page .home-action-card.svg-playing .svg-ggb .ggb-node-c{animation-name:svg-ggb-node-c}
 .home-page .home-action-card.svg-playing .svg-ggb .ggb-tracer{animation:svg-ggb-trace var(--svg-duration,2400ms) ease both}
 .home-page .home-action-card.svg-playing .svg-ggb .ggb-glint{animation:svg-ggb-glint var(--svg-duration,2400ms) ease both;transform-box:fill-box;transform-origin:center}
 @keyframes svg-ggb-draw{0%,12%{stroke-dashoffset:1;fill-opacity:0}57%{stroke-dashoffset:0;fill-opacity:0}75%,100%{stroke-dashoffset:0;fill-opacity:.09}}
 @keyframes svg-ggb-arc{0%,45%{stroke-dashoffset:1;opacity:0}75%,100%{stroke-dashoffset:0;opacity:.45}}
 @keyframes svg-ggb-node{0%{transform:scale(.6);opacity:.3}12%{transform:scale(1.3);opacity:1}23%,100%{transform:scale(1);opacity:1}}
 @keyframes svg-ggb-node-b{0%,17%{transform:scale(.6);opacity:.3}30%{transform:scale(1.3);opacity:1}42%,100%{transform:scale(1);opacity:1}}
 @keyframes svg-ggb-node-c{0%,35%{transform:scale(.6);opacity:.3}47%{transform:scale(1.3);opacity:1}60%,100%{transform:scale(1);opacity:1}}
 @keyframes svg-ggb-trace{0%,12%{opacity:0;transform:translate(0,0)}18%{opacity:1}33%{transform:translate(21px,-27px)}49%{transform:translate(31px,0)}61%{opacity:1;transform:translate(0,0)}70%,100%{opacity:0;transform:translate(0,0)}}
 @keyframes svg-ggb-glint{0%,65%{opacity:0;transform:scale(.5) rotate(-25deg)}78%{opacity:1;transform:scale(1.25) rotate(8deg)}100%{opacity:.6;transform:scale(1) rotate(0)}}

.home-page .home-action-card.svg-playing .svg-paper .paper-back{animation:svg-paper-back var(--svg-duration,2400ms) ease both}
 .home-page .home-action-card.svg-playing .svg-paper .paper-front{animation:svg-paper-front var(--svg-duration,2400ms) ease both}
 .home-page .home-action-card.svg-playing .svg-paper .paper-row1{animation:svg-paper-row1 var(--svg-duration,2400ms) ease both}
 .home-page .home-action-card.svg-playing .svg-paper .paper-row2{animation:svg-paper-row2 var(--svg-duration,2400ms) ease both}
 .home-page .home-action-card.svg-playing .svg-paper .paper-seal{animation:svg-paper-seal var(--svg-duration,2400ms) ease both;transform-box:fill-box;transform-origin:center}
 .home-page .home-action-card.svg-playing .svg-paper .paper-check{animation:svg-paper-check var(--svg-duration,2400ms) ease both;stroke-dasharray:1}
 @keyframes svg-paper-back{0%{transform:translate(-5px,2px) rotate(-5deg);opacity:0}30%,100%{transform:translate(0,0) rotate(0);opacity:.45}}
 @keyframes svg-paper-front{0%{transform:translate(4px,-4px);opacity:.35}30%,100%{transform:translate(0,0);opacity:1}}
 @keyframes svg-paper-row1{0%,22%{opacity:0;transform:translateY(3px)}40%,100%{opacity:1;transform:translateY(0)}}
 @keyframes svg-paper-row2{0%,36%{opacity:0;transform:translateY(3px)}56%,100%{opacity:1;transform:translateY(0)}}
 @keyframes svg-paper-seal{0%,56%{opacity:0;transform:scale(.4)}72%{opacity:1;transform:scale(1.12)}86%,100%{opacity:1;transform:scale(1)}}
 @keyframes svg-paper-check{0%,69%{stroke-dashoffset:1}91%,100%{stroke-dashoffset:0}}

.home-page .home-action-card.svg-playing .svg-plaza .plaza-a{animation:svg-plaza-a var(--svg-duration,2400ms) ease both}
 .home-page .home-action-card.svg-playing .svg-plaza .plaza-b{animation:svg-plaza-b var(--svg-duration,2400ms) ease both}
 .home-page .home-action-card.svg-playing .svg-plaza .plaza-c{animation:svg-plaza-c var(--svg-duration,2400ms) ease both}
 .home-page .home-action-card.svg-playing .svg-plaza .plaza-d{animation:svg-plaza-d var(--svg-duration,2400ms) ease both}
 .home-page .home-action-card.svg-playing .svg-plaza .plaza-shine{animation:svg-plaza-shine var(--svg-duration,2400ms) ease both}
 @keyframes svg-plaza-a{0%{transform:translate(3px,3px);opacity:.3}24%{transform:translate(-2px,-2px);opacity:1}64%,100%{transform:translate(0,0);opacity:1}}
 @keyframes svg-plaza-b{0%,12%{transform:translate(-3px,3px);opacity:.3}36%{transform:translate(2px,-2px);opacity:1}71%,100%{transform:translate(0,0);opacity:1}}
 @keyframes svg-plaza-c{0%,24%{transform:translate(3px,-3px);opacity:.3}48%{transform:translate(-2px,2px);opacity:1}78%,100%{transform:translate(0,0);opacity:1}}
 @keyframes svg-plaza-d{0%,36%{transform:translate(-3px,-3px);opacity:.3}60%{transform:translate(2px,2px);opacity:1}85%,100%{transform:translate(0,0);opacity:1}}
 @keyframes svg-plaza-shine{0%,60%{opacity:0}74%{opacity:1}100%{opacity:.5}}

.home-page .home-action-card.svg-playing .svg-resource .resource-a{animation:svg-resource-book-a var(--svg-duration,2400ms) ease both}
 .home-page .home-action-card.svg-playing .svg-resource .resource-b{animation:svg-resource-book-b var(--svg-duration,2400ms) ease both}
 .home-page .home-action-card.svg-playing .svg-resource .resource-c{animation:svg-resource-book-c var(--svg-duration,2400ms) ease both}
 .home-page .home-action-card.svg-playing .svg-resource .resource-lens{animation:svg-resource-lens var(--svg-duration,2400ms) ease both}
 .home-page .home-action-card.svg-playing .svg-resource .resource-star{animation:svg-resource-star var(--svg-duration,2400ms) ease both;transform-box:fill-box;transform-origin:center}
 @keyframes svg-resource-book-a{0%{opacity:.25;transform:translateY(3px)}25%,100%{opacity:1;transform:translateY(0)}}
 @keyframes svg-resource-book-b{0%,12%{opacity:.25;transform:translateY(3px)}38%,100%{opacity:1;transform:translateY(0)}}
 @keyframes svg-resource-book-c{0%,25%{opacity:.25;transform:translateY(3px)}50%,100%{opacity:1;transform:translateY(0)}}
 @keyframes svg-resource-lens{0%,22%{transform:translate(-12px,-2px);opacity:0}35%{opacity:1;transform:translate(-12px,-2px)}65%,100%{opacity:1;transform:translate(0,0)}}
 @keyframes svg-resource-star{0%,58%{opacity:0;transform:scale(.3) rotate(-20deg)}78%{opacity:1;transform:scale(1.1) rotate(10deg)}100%{opacity:1;transform:scale(1) rotate(0)}}

.home-page .home-action-card.svg-playing .svg-mine .mine-document{animation:svg-mine-page var(--svg-duration,2400ms) ease both}
 .home-page .home-action-card.svg-playing .svg-mine .mine-front,.home-page .home-action-card.svg-playing .svg-mine .mine-front-fill{animation:svg-mine-folder var(--svg-duration,2400ms) ease both;transform-origin:32px 50px}
 .home-page .home-action-card.svg-playing .svg-mine .mine-tab{animation:svg-mine-tab var(--svg-duration,2400ms) ease both}
 .home-page .home-action-card.svg-playing .svg-mine .mine-done{animation:svg-mine-done var(--svg-duration,2400ms) ease both;transform-box:fill-box;transform-origin:center}
 @keyframes svg-mine-page{0%,8%{transform:translate(-4px,-6px) rotate(-8deg);opacity:0}25%{transform:translate(0,-5px);opacity:1}53%{transform:translate(0,10px);opacity:1}75%{transform:translate(0,10px);opacity:0}100%{transform:translate(0,0);opacity:1}}
 @keyframes svg-mine-folder{0%{transform:scaleY(1)}22%,50%{transform:scaleY(.83)}75%,100%{transform:scaleY(1)}}
 @keyframes svg-mine-tab{0%,30%{opacity:.3}65%{opacity:1}100%{opacity:.55}}
 @keyframes svg-mine-done{0%,60%{opacity:0;transform:scale(.4)}78%{opacity:1;transform:scale(1.15)}92%,100%{opacity:1;transform:scale(1)}}


      .home-page .home-action-card.svg-playing .svg-video .video-play { transform-box:fill-box; transform-origin:center; animation:svg-video-play var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-video .video-dot { animation:svg-video-dot var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-video .video-progress { stroke-dasharray:100; animation:svg-video-progress var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-video .video-progress-dot { animation:svg-video-progress-dot var(--svg-duration,2400ms) ease both; }
      @keyframes svg-video-play { 0%,10%{transform:scale(.9);fill-opacity:.12} 28%{transform:scale(1.08);fill-opacity:.46} 45%,100%{transform:scale(1);fill-opacity:.18} }
      @keyframes svg-video-dot { 0%,16%{transform:translate(-32px,-8px);opacity:0} 23%{opacity:1} 37%{transform:translate(-16px,-12px)} 54%{transform:translate(0,0)} 70%{transform:translate(-11px,11px)} 84%{transform:translate(-31px,9px);opacity:0} 100%{transform:translate(0,0);opacity:1} }
      @keyframes svg-video-progress { 0%,25%{stroke-dashoffset:100;opacity:.35} 85%,100%{stroke-dashoffset:0;opacity:1} }
      @keyframes svg-video-progress-dot { 0%,25%{transform:translateX(-30px);opacity:.35} 85%,100%{transform:translateX(0);opacity:1} }
    


      .home-page .home-action-card.svg-playing .svg-image .image-brush { transform-box:fill-box; transform-origin:center; animation:svg-image-brush var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-image .image-landscape { stroke-dasharray:100; animation:svg-image-landscape var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-image .image-wash { animation:svg-image-wash var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-image .image-sun { transform-box:fill-box; transform-origin:center; animation:svg-image-sun var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-image .image-spark { animation:svg-image-spark var(--svg-duration,2400ms) ease both; }
      @keyframes svg-image-brush { 0%{transform:translate(-12px,13px) rotate(-12deg)} 22%{transform:translate(-5px,6px) rotate(9deg)} 43%{transform:translate(0,12px) rotate(-7deg)} 64%,100%{transform:translate(0,0) rotate(0)} }
      @keyframes svg-image-landscape { 0%,5%{stroke-dashoffset:100;opacity:.35} 55%,100%{stroke-dashoffset:0;opacity:1} }
      @keyframes svg-image-wash { 0%,43%{fill-opacity:0} 72%{fill-opacity:.2} 100%{fill-opacity:.09} }
      @keyframes svg-image-sun { 0%,55%{transform:scale(.75);opacity:.15} 79%{transform:scale(1.12);opacity:1} 100%{transform:scale(1);opacity:1} }
      @keyframes svg-image-spark { 0%,65%{opacity:0} 83%{opacity:.85} 100%{opacity:.55} }
    


      .home-page .home-action-card.svg-playing .svg-html2d .html2d-origin { animation:svg-html2d-origin var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-html2d .html2d-square { animation:svg-html2d-square var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-html2d .html2d-trajectory { animation:svg-html2d-trajectory var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-html2d .html2d-ghost { animation:svg-html2d-ghost var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-html2d .html2d-marker { animation:svg-html2d-marker var(--svg-duration,2400ms) ease both; }
      @keyframes svg-html2d-origin { 0%{fill-opacity:.12} 17%{fill-opacity:.6} 40%,100%{fill-opacity:.12} }
      @keyframes svg-html2d-square { 0%,15%{transform:translate(-33px,23px)} 33%{transform:translate(-27px,3px)} 53%{transform:translate(-17px,-6px)} 74%{transform:translate(-7px,-4px)} 90%,100%{transform:translate(0,0)} }
      @keyframes svg-html2d-trajectory { 0%,15%{opacity:.15} 65%{opacity:.7} 100%{opacity:.5} }
      @keyframes svg-html2d-ghost { 0%,28%{opacity:0} 53%{opacity:.45} 85%,100%{opacity:.18} }
      @keyframes svg-html2d-marker { 0%,72%{opacity:0;transform:translateY(-4px)} 92%,100%{opacity:.42;transform:translateY(0)} }
    


      .home-page .home-action-card.svg-playing .svg-html3d .html3d-cube { transform-box:fill-box; transform-origin:center; animation:svg-html3d-cube var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-html3d .html3d-top { animation:svg-html3d-top var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-html3d .html3d-left { animation:svg-html3d-left var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-html3d .html3d-right { animation:svg-html3d-right var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-html3d .html3d-orbit { stroke-dasharray:100; animation:svg-html3d-orbit var(--svg-duration,2400ms) ease both; }
      @keyframes svg-html3d-cube { 0%{transform:scaleX(.84) skewY(-3deg);opacity:.6} 22%{opacity:1} 49%{transform:scaleX(.92) skewY(3deg)} 73%{transform:scaleX(.86) skewY(-2deg)} 100%{transform:scaleX(1) skewY(0);opacity:1} }
      @keyframes svg-html3d-top { 0%,16%{fill-opacity:0} 52%{fill-opacity:.16} 100%{fill-opacity:.07} }
      @keyframes svg-html3d-left { 0%,16%{fill-opacity:0} 49%{fill-opacity:.27} 100%{fill-opacity:.07} }
      @keyframes svg-html3d-right { 0%,16%{fill-opacity:0} 49%{fill-opacity:.04} 100%{fill-opacity:.2} }
      @keyframes svg-html3d-orbit { 0%,33%{stroke-dashoffset:100;opacity:0} 77%,100%{stroke-dashoffset:0;opacity:.44} }
    


      .home-page .home-action-card.svg-playing .svg-word .word-source-one { animation:svg-word-source-one var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-word .word-source-two { animation:svg-word-source-two var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-word .word-source-three { animation:svg-word-source-three var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-word .word-arrow { animation:svg-word-arrow var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-word .word-document { animation:svg-word-document var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-word .word-line-one { stroke-dasharray:100; animation:svg-word-line-one var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-word .word-line-two { stroke-dasharray:100; animation:svg-word-line-two var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-word .word-line-three { stroke-dasharray:100; animation:svg-word-line-three var(--svg-duration,2400ms) ease both; }
      @keyframes svg-word-source-one { 0%,10%,100%{transform:translateX(0);opacity:1} 27%{transform:translateX(4px);opacity:.22} 48%{transform:translateX(0);opacity:1} }
      @keyframes svg-word-source-two { 0%,22%,100%{transform:translateX(0);opacity:.65} 39%{transform:translateX(4px);opacity:.15} 60%{transform:translateX(0);opacity:.65} }
      @keyframes svg-word-source-three { 0%,34%,100%{transform:translateX(0);opacity:.65} 51%{transform:translateX(4px);opacity:.15} 72%{transform:translateX(0);opacity:.65} }
      @keyframes svg-word-arrow { 0%,15%{opacity:.3;transform:translateX(-1px)} 41%{opacity:1;transform:translateX(1px)} 74%,100%{opacity:1;transform:translateX(0)} }
      @keyframes svg-word-document { 0%,20%{opacity:.5;transform:translateY(2px)} 78%,100%{opacity:1;transform:translateY(0)} }
      @keyframes svg-word-line-one { 0%,31%{stroke-dashoffset:100} 55%,100%{stroke-dashoffset:0} }
      @keyframes svg-word-line-two { 0%,44%{stroke-dashoffset:100} 69%,100%{stroke-dashoffset:0} }
      @keyframes svg-word-line-three { 0%,57%{stroke-dashoffset:100} 83%,100%{stroke-dashoffset:0} }
    


      .home-page .home-action-card.svg-playing .svg-learn .learn-left { transform-origin:32px 15px; animation:svg-learn-left var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-learn .learn-right { transform-origin:32px 15px; animation:svg-learn-right var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-learn .learn-cross { animation:svg-learn-cross var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-learn .learn-arc { stroke-dasharray:100; animation:svg-learn-arc var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-learn .learn-guide { animation:svg-learn-guide var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-learn .learn-node { animation:svg-learn-node var(--svg-duration,2400ms) ease both; }
      @keyframes svg-learn-left { 0%{transform:rotate(-9deg)} 29%,100%{transform:rotate(0)} }
      @keyframes svg-learn-right { 0%{transform:rotate(9deg)} 29%,100%{transform:rotate(0)} }
      @keyframes svg-learn-cross { 0%{opacity:.2} 29%,100%{opacity:.65} }
      @keyframes svg-learn-arc { 0%,25%{stroke-dashoffset:100;opacity:0} 72%,100%{stroke-dashoffset:0;opacity:.65} }
      @keyframes svg-learn-guide { 0%,64%{opacity:0} 86%,100%{opacity:.4} }
      @keyframes svg-learn-node { 0%,67%{fill-opacity:.1;opacity:.35} 85%{fill-opacity:.65;opacity:1} 100%{fill-opacity:1;opacity:1} }
    


      .home-page .home-action-card.svg-playing .svg-help .help-question { animation:svg-help-question var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-help .help-answer { transform-box:fill-box; transform-origin:bottom right; animation:svg-help-answer var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-help .help-check { stroke-dasharray:100; animation:svg-help-check var(--svg-duration,2400ms) ease both; }
      .home-page .home-action-card.svg-playing .svg-help .help-spark { animation:svg-help-spark var(--svg-duration,2400ms) ease both; }
      @keyframes svg-help-question { 0%{transform:translateY(1px)} 25%{transform:translateY(-2px)} 55%,100%{transform:translateY(0)} }
      @keyframes svg-help-answer { 0%,18%{transform:scale(.82);opacity:.25} 52%{transform:scale(1.04);opacity:1} 70%,100%{transform:scale(1);opacity:1} }
      @keyframes svg-help-check { 0%,43%{stroke-dashoffset:100;opacity:.3} 77%,100%{stroke-dashoffset:0;opacity:1} }
      @keyframes svg-help-spark { 0%,64%{opacity:0} 83%{opacity:.8} 100%{opacity:.45} }