.mr-page{
    --mr-purple:#7c3aed; --mr-purple-2:#6d28d9; --mr-purple-deep:#4c1d95; --mr-purple-bright:#8b5cf6;
    --mr-gold:#f5b301; --mr-gold-deep:#c98a00;
    --mr-ink:#241432; --mr-muted:#6b5a7e; --mr-line:rgba(76,29,149,.16);
    --mr-bg:#ffffff; --mr-bg-2:#f4eeff;
    max-width:920px; margin:0 auto; width:100%; padding:22px;
    box-sizing:border-box; line-height:1.6; color:var(--mr-ink);
    background:var(--mr-bg); border-radius:14px;
    border-top:4px solid var(--mr-purple);
    box-shadow:0 12px 34px rgba(76,29,149,.16);
    font-family:"Poppins","Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  }
  .mr-page *{ box-sizing:border-box; }

  .mr-page h1{
    margin:14px 0 6px; padding:16px 18px; font-size:23px; font-weight:800;
    text-align:center; color:#fff; letter-spacing:.3px; border-radius:10px;
    background:linear-gradient(135deg,var(--mr-purple-bright),var(--mr-purple),var(--mr-purple-deep));
    border:1px solid rgba(245,179,1,.45);
    text-shadow:0 2px 8px rgba(0,0,0,.3);
    box-shadow:0 8px 22px rgba(76,29,149,.32);
  }
  .mr-byline{ text-align:center; color:var(--mr-muted); font-size:12.5px; font-style:italic; margin:0 0 6px; }

  .mr-page h2{
    margin:28px 0 12px; padding:11px 16px; font-size:18.5px; font-weight:800;
    color:#fff; border-radius:8px; text-align:left;
    background:linear-gradient(135deg,var(--mr-purple),var(--mr-purple-2));
    border-left:5px solid var(--mr-gold);
    box-shadow:0 5px 14px rgba(76,29,149,.22);
  }
  .mr-page h3{ margin:18px 0 6px; font-size:16px; font-weight:700; color:var(--mr-purple-deep); }
  .mr-page p{ margin:10px 0; font-size:14.6px; color:var(--mr-ink); }
  .mr-page a{ color:var(--mr-purple); text-decoration:underline; font-weight:700; }
  .mr-page a:hover{ color:var(--mr-gold-deep); }
  .mr-page strong{ color:var(--mr-purple-2); }
  .mr-page ul,.mr-page ol{ padding-left:20px; margin:10px 0; }
  .mr-page li{ margin:7px 0; font-size:14.6px; }
  .mr-page li::marker{ color:var(--mr-purple); }

  /* Highlights list as a card */
  .mr-page .mr-highlights{ list-style:none; padding:0; margin:14px 0; }
  .mr-page .mr-highlights li{ position:relative; padding:10px 14px 10px 40px; margin:8px 0;
    background:var(--mr-bg-2); border-radius:10px; border-left:3px solid var(--mr-gold); font-weight:500; }
  .mr-page .mr-highlights li::marker{ content:""; }
  .mr-page .mr-highlights li::before{ content:"\2714"; position:absolute; left:14px; top:10px; color:var(--mr-purple); font-weight:800; }

  /* Tables */
  .mr-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin:14px 0; }
  .mr-table{ width:100%; border-collapse:collapse; min-width:540px; font-size:13.8px;
    background:#fff; color:var(--mr-ink); border-radius:10px; overflow:hidden;
    box-shadow:0 6px 20px rgba(76,29,149,.14); border-top:3px solid var(--mr-gold); }
  .mr-table thead th{ background:linear-gradient(135deg,var(--mr-purple),var(--mr-purple-deep));
    color:#fff; text-align:left; font-weight:700; padding:12px 14px; }
  .mr-table td{ padding:11px 14px; border-top:1px solid var(--mr-line); vertical-align:top; }
  .mr-table tbody tr:nth-child(even){ background:var(--mr-bg-2); }
  .mr-table td:first-child{ color:var(--mr-purple-deep); font-weight:700; white-space:nowrap; }

  /* CTA buttons */
  .mr-cta-row{ text-align:center; margin:26px 0; }
  .mr-cta{
    display:inline-block; margin:8px; padding:14px 32px; font-size:15px; font-weight:800;
    text-decoration:none !important; border-radius:9px; letter-spacing:.3px; color:#fff !important;
    background:linear-gradient(135deg,var(--mr-purple-bright),var(--mr-purple-2));
    border:1px solid var(--mr-gold);
    box-shadow:0 7px 18px rgba(124,58,237,.42);
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; will-change:transform;
  }
  .mr-cta.gold{ color:#fff !important; background:linear-gradient(135deg,var(--mr-purple-2),var(--mr-purple-deep)); border-color:rgba(245,179,1,.55); }
  @media (hover:hover) and (pointer:fine){
    .mr-cta:hover{ transform:translateY(-2px); filter:brightness(1.06); box-shadow:0 11px 26px rgba(124,58,237,.5); }
    .mr-cta:active{ transform:translateY(0); filter:brightness(.98); }
  }
  @keyframes mrBlink{ 0%,100%{opacity:1} 50%{opacity:.45} }
  .mr-page .blink{ animation:mrBlink 1.3s infinite; }

  /* Responsible-play note box */
  .mr-note{ background:var(--mr-bg-2); border:1px solid var(--mr-line); border-left:4px solid var(--mr-gold);
    border-radius:10px; padding:14px 16px; margin:14px 0; }
  .mr-note p{ margin:0; font-size:13.8px; color:var(--mr-muted); }

  .mr-age{ text-align:center; color:var(--mr-muted); font-size:12.5px; margin:18px 0 0; }

  /* Footer */
  .mr-foot{ margin-top:26px; padding:22px 18px; text-align:center; border-radius:12px;
    background:linear-gradient(135deg,var(--mr-purple-2),var(--mr-purple-deep)); border-top:3px solid var(--mr-gold); }
  .mr-foot p{ margin:0 0 12px; color:#e5d9ff; font-size:12px; font-weight:600; }
  .mr-foot a{ color:#fff; font-size:11.5px; font-weight:600; text-decoration:none; display:inline-block; padding:2px 5px; }
  .mr-foot a:hover{ color:var(--mr-gold); text-decoration:underline; }
  .mr-foot a.mr-foot-main{ color:var(--mr-gold); font-size:13px; font-weight:800; text-decoration:underline; margin:0 0 10px; }
  .mr-foot .mr-sep{ color:#9a7fc7; font-size:11px; padding:0 3px; }

  @media (max-width:600px){
    .mr-page{ padding:14px; }
    .mr-page h1{ font-size:19px; }
    .mr-page h2{ font-size:16px; padding:9px 12px; }
    .mr-page p, .mr-page li{ font-size:13.8px; }
    .mr-cta{ padding:12px 24px; font-size:14px; }
  }

  /* ---- Read more / less ---- */
  .mr-page .mr-more-wrap{ position:relative; }
  .mr-page .mr-more{ max-height:0; overflow:hidden; transition:max-height .35s ease; }
  .mr-page .mr-more.is-open{ max-height:none; }
  .mr-page .mr-more-btn{
    display:block; margin:6px auto 18px; padding:12px 34px; font-size:14.5px; font-weight:800;
    color:#fff; letter-spacing:.3px; cursor:pointer; border-radius:9px; border:1px solid var(--mr-gold);
    background:linear-gradient(135deg,var(--mr-purple-bright),var(--mr-purple-2));
    box-shadow:0 7px 18px rgba(124,58,237,.42);
    transition:transform .18s ease, filter .18s ease;
  }
  .mr-page .mr-more-btn:hover{ transform:translateY(-2px); filter:brightness(1.06); }
  .mr-page .mr-more-btn::after{ content:" \25BC"; font-size:11px; }
  .mr-page .mr-more-btn[aria-expanded="true"]::after{ content:" \25B2"; }

/* ===== MrATM88：PROMOTION / MINI GAME / RANKING 三个分页 ===== */
#matm-page-tabs {
    display: flex;
    gap: 5px;
    width: calc(100% - 16px);
    max-width: 900px;
    margin: 10px auto;
    padding: 5px;
    background: #e8dcf9;
    border-radius: 12px;
    box-sizing: border-box;
}
#matm-page-tabs a {
    position: relative;
    flex: 1;
    min-width: 0;
    padding: 12px 5px;
    text-align: center;
    text-decoration: none !important;
    text-transform: none !important;
    color: #5b4a7a !important;
    font: 700 14px/1.2 Arial, sans-serif;
    letter-spacing: .04em;
    border-radius: 9px;
    -webkit-tap-highlight-color: transparent;
}
#matm-page-tabs a.is-active {
    background: linear-gradient(180deg, #7c3aed, #3b0764);
    color: #ffd60a !important;
    box-shadow: 0 2px 7px rgba(59, 7, 100, .25);
}
#matm-page-tabs a[href="#minigame"]::after {
    content: "NOW ON LIVE";
    position: absolute;
    top: -9px;
    right: -2px;
    padding: 3px 7px;
    background: linear-gradient(180deg, #ff5a4f, #d0201a);
    color: #fff;
    font: 800 9px/1 Arial, sans-serif;
    letter-spacing: .05em;
    white-space: nowrap;
    border: 1px solid #fff;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(208, 32, 26, .45);
    pointer-events: none;
    animation: matmTabSoon 1.6s ease-in-out infinite;
}
@keyframes matmTabSoon {
    0%, 100% { box-shadow: 0 2px 6px rgba(208, 32, 26, .45); }
    50% { box-shadow: 0 2px 12px rgba(255, 70, 60, .85); }
}
@media (max-width: 767px) {
    #matm-page-tabs { margin: 12px auto 8px; }
    #matm-page-tabs a { font-size: 12px; padding: 10px 3px; }
    #matm-page-tabs a[href="#minigame"]::after { top: -8px; right: -1px; padding: 2px 5px; font-size: 8px; }
}