fix(frontend): align reward modal with shared runtime

assets/css/build/public.css

@@ -5232,248 +5232,6 @@ body.aksrt-body-scroll .aksrt-show-on-scroll {
 .aksrt-cursor-zoom-in {
     cursor: zoom-in;
 }
-/* ============================================================
- * 8. 打赏弹窗
- * ============================================================ */
-.reward-modal {
-    position: fixed;
-    inset: 0;
-    z-index: 99999;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    opacity: 0;
-    visibility: hidden;
-    transition: opacity 0.3s, visibility 0.3s;
-}
-
-.reward-modal.is-open {
-    opacity: 1;
-    visibility: visible;
-}
-
-.reward-modal__overlay {
-    position: absolute;
-    inset: 0;
-    background: rgba(0,0,0,0.5);
-}
-
-.reward-modal__card {
-    position: relative;
-    background: var(--surface-1, #fff);
-    border-radius: var(--radius-lg, 8px);
-    padding: 32px;
-    max-width: 360px;
-    width: 90%;
-    text-align: center;
-    box-shadow: 0 8px 32px rgba(0,0,0,0.15);
-    z-index: 1;
-}
-
-.reward-modal__title {
-    margin: 0 0 8px;
-    font-size: 18px;
-    font-weight: 600;
-    color: var(--color-ink);
-}
-
-.reward-modal__desc {
-    margin: 0 0 20px;
-    font-size: 14px;
-    color: var(--color-ink-3);
-}
-
-.reward-modal__qr {
-    width: 200px;
-    height: 200px;
-    margin: 0 auto 16px;
-    border-radius: var(--radius, 10px);
-    overflow: hidden;
-}
-
-.reward-modal__qr img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-}
-
-.reward-modal__close {
-    position: absolute;
-    top: 12px;
-    right: 12px;
-    width: 32px;
-    height: 32px;
-    border: none;
-    border-radius: 50%;
-    background: var(--surface-2, #F4F5F7);
-    color: var(--color-ink-3);
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: background 0.2s;
-}
-
-.reward-modal__close:hover {
-    background: var(--surface-3, #ECEEF1);
-}
-
-
-
-.reward-modal__content > p {
-  margin: -4px 0 18px;
-}
-
-.reward-amounts {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 10px;
-  margin: 18px 0;
-}
-
-.reward-amount {
-  min-height: 42px;
-  border: 1px solid var(--color-line-soft, rgba(15, 23, 42, 0.1));
-  border-radius: 10px;
-  background: var(--surface-2);
-  color: var(--color-ink-2);
-  cursor: pointer;
-  font-weight: 700;
-}
-
-.reward-amount.is-active {
-  border-color: var(--color-primary);
-  background: var(--color-primary-soft);
-  color: var(--color-primary);
-}
-
-.reward-custom {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  margin-bottom: 16px;
-  color: var(--color-ink-3);
-  font-size: 13px;
-}
-
-.reward-custom input {
-  width: 140px;
-  min-height: 40px;
-  border: 1px solid var(--color-line-soft, rgba(15, 23, 42, 0.1));
-  border-radius: 9px;
-  background: var(--surface-1);
-  color: var(--color-ink);
-  padding: 0 12px;
-}
-
-.reward-modal__submit {
-  width: 100%;
-  min-height: 42px;
-}
-
-.reward-modal__message {
-  min-height: 20px;
-  margin-top: 10px;
-  color: var(--color-primary);
-  font-size: 12px;
-  text-align: center;
-}
-/* ---- reward amounts ---- */
-.reward-amounts {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-    justify-content: center;
-    margin-bottom: 16px;
-}
-
-.reward-amounts__btn {
-    display: inline-flex;
-    align-items: baseline;
-    gap: 2px;
-    padding: 8px 16px;
-    border: 1px solid var(--color-line, #e5e7eb);
-    border-radius: var(--radius, 10px);
-    background: var(--surface-2, #F4F5F7);
-    color: var(--color-ink);
-    font-size: 15px;
-    font-weight: 600;
-    cursor: pointer;
-    transition: all 0.2s ease;
-    user-select: none;
-}
-
-.reward-amounts__btn:hover {
-    border-color: var(--color-primary, #f04494);
-    background: rgba(240, 68, 148, 0.06);
-}
-
-.reward-amounts__btn.is-active {
-    border-color: var(--color-primary, #f04494);
-    background: var(--color-primary, #f04494);
-    color: #fff;
-}
-
-.reward-amounts__currency {
-    font-size: 13px;
-    font-weight: 400;
-}
-
-.reward-amounts__value {
-    font-size: 15px;
-}
-/* ---- custom amount ---- */
-.reward-custom {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    margin-bottom: 16px;
-}
-
-.reward-custom__input {
-    flex: 1;
-    height: 40px;
-    padding: 0 12px;
-    border: 1px solid var(--color-line, #e5e7eb);
-    border-radius: var(--radius, 10px);
-    background: var(--surface-2, #F4F5F7);
-    color: var(--color-ink);
-    font-size: 14px;
-    text-align: center;
-    outline: none;
-    transition: border-color 0.2s;
-    -moz-appearance: textfield;
-}
-
-.reward-custom__input::-webkit-inner-spin-button,
-.reward-custom__input::-webkit-outer-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-}
-
-.reward-custom__input:focus {
-    border-color: var(--color-primary, #f04494);
-}
-
-.reward-custom__confirm {
-    flex-shrink: 0;
-    height: 40px;
-    padding: 0 20px;
-    border: none;
-    border-radius: var(--radius, 10px);
-    background: var(--color-primary, #f04494);
-    color: #fff;
-    font-size: 14px;
-    font-weight: 500;
-    cursor: pointer;
-    transition: opacity 0.2s;
-}
-
-.reward-custom__confirm:hover {
-    opacity: 0.85;
-}
-
 /* ============================================================
  * 9. 公告跑马灯 Widget
  * ============================================================ */