
.replay-balloon{--rp-ink:#357486;--rp-line:#afd3de;--rp-bg:#eefaff;--rp-hover:#dceff5}
.replay-game{--rp-ink:#89642d;--rp-line:#e3cb96;--rp-bg:#fff9e9;--rp-hover:#ffefc9}
.replay-peidui{--rp-ink:#438375;--rp-line:#afd0c4;--rp-bg:#effbf5;--rp-hover:#dcefe5}
.replay-gaoxiao{--rp-ink:#5b7747;--rp-line:#bdcea5;--rp-bg:#f5faec;--rp-hover:#e7efd8}
.replay-yifan{--rp-ink:#a37359;--rp-line:#e1c3ae;--rp-bg:#fff6ee;--rp-hover:#fae7d9}
.replay-shuxue{--rp-ink:#527d65;--rp-line:#c9d9bf;--rp-bg:#f5f9ef;--rp-hover:#e9f0df}
button.replay-button{display:flex;align-items:center;justify-content:center;gap:9px;width:min(220px,100%);min-height:46px;margin:18px auto 0;padding:11px 24px;border:1px solid var(--rp-line);border-radius:14px;background:var(--rp-bg);color:var(--rp-ink);box-shadow:0 3px 0 var(--rp-line);font:700 14px/1.4 system-ui,'Microsoft YaHei',sans-serif;cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s}
button.replay-button::before{content:'';width:17px;height:17px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 10a8 8 0 1 1 1 8M4 4v6h6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
button.replay-button:hover{background:var(--rp-hover);transform:translateY(-1px);box-shadow:0 4px 0 var(--rp-line)}button.replay-button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--rp-line)}button.replay-button:focus-visible{outline:3px solid var(--rp-ink);outline-offset:4px}
@media(prefers-reduced-motion:reduce){button.replay-button{transition:none}}
