.mget{
    display:flex;align-items:center;gap:20px;margin-bottom:30px;
    padding:18px 22px 18px 18px;border-radius:var(--r-lg);
    background:linear-gradient(100deg,rgba(255,180,84,.11),rgba(255,180,84,0) 62%),var(--room);
    border:1px solid rgba(255,180,84,.3);box-shadow:var(--sh-1);
  }
  .mget .art{width:72px;height:72px;flex:none}
  .mget .t{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
  .mget .t b{font-size:20px;font-weight:900;letter-spacing:-.02em;line-height:1.2}
  .mget .t span{color:var(--warm);font-size:14.5px;line-height:1.5}
  .mget .connect{margin:0;flex:none;flex-wrap:nowrap}
  @media (max-width:1000px){
    .mget{flex-wrap:wrap}
    .mget .connect{width:100%;justify-content:flex-start}
  }
  @media (max-width:640px){
    .mget{flex-direction:column;text-align:center;padding:20px 16px;gap:12px}
    .mget .art{width:56px;height:56px}
    .mget .connect{justify-content:center;flex-wrap:wrap}
  }

  .mtools{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;margin-bottom:26px}
  .mtype-seg{max-width:100%;overflow-x:auto;scrollbar-width:none}
  .mtype-seg::-webkit-scrollbar{display:none}
  .mtype-seg button{display:inline-flex;align-items:center;gap:7px;font-size:14px;padding:8px 16px;white-space:nowrap}
  .mtype-seg button i{font-style:normal;font-size:12px;font-weight:800;opacity:.6;font-variant-numeric:tabular-nums}
  .mnow{text-decoration:none;color:var(--warm);transition:transform var(--t-mid) var(--ease),border-color .2s}
  .mnow:hover{transform:translateY(-2px);border-color:rgba(116,169,138,.35)}
  .mnow:active{transform:scale(.97)}
  .mnow b{color:var(--cream)}
  .mnow[hidden]{display:none}

  .mapgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;transition:opacity .45s var(--ease)}
  .mapgrid.wait{opacity:var(--rv-o,0)}
  .mcard{
    position:relative;background:var(--room);border:1px solid rgba(255,220,180,.07);
    border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-2);
    transition:transform var(--t-mid) var(--ease),box-shadow var(--t-mid) ease,border-color var(--t-mid) ease;
  }
  .mcard:hover{transform:translateY(-5px);box-shadow:var(--sh-3);border-color:rgba(255,220,180,.16)}
  .mcard[hidden]{display:none}
  .mcard.now{border-color:rgba(116,169,138,.55);box-shadow:0 0 0 1px rgba(116,169,138,.35),var(--sh-2)}
  .mcard.flash{animation:mflash 1.4s var(--ease)}
  @keyframes mflash{30%{transform:translateY(-6px) scale(1.015)}}

  .mshot{display:block;position:relative;width:100%;padding:0;border:0;background:var(--room-2);
         cursor:zoom-in;overflow:hidden}
  .mshot img{
    display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
    filter:saturate(.88) brightness(.86);transform:scale(1.001);
    transition:transform .6s cubic-bezier(.2,.9,.3,1.1),filter .5s var(--ease-out-3),opacity .4s ease;
  }
  .mshot img:not(.ok){opacity:var(--rv-o,0)}
  .mcard:hover .mshot img{filter:saturate(1.04) brightness(1.06);transform:scale(1.045)}
  .mshot:active img{transform:scale(1.02)}
  .mshot::after{content:"";position:absolute;inset:auto 0 0;height:38%;pointer-events:none;
    background:linear-gradient(transparent,rgba(27,19,16,.55))}

  .mtags{position:absolute;top:12px;left:12px;z-index:1;display:flex;gap:8px;align-items:center}
  .mcard .own{
    display:inline-flex;align-items:center;gap:7px;padding:6px 13px 6px 10px;border-radius:999px;
    background:rgba(27,19,16,.86);color:var(--amber);font-weight:800;font-size:13px;letter-spacing:.02em;
    box-shadow:inset 0 1px 0 rgba(255,220,180,.16),var(--sh-1);
  }
  .mcard .own .i{width:17px;height:17px}
  .mrank{
    display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;
    font-weight:900;font-size:15px;box-shadow:var(--sh-1);
  }
  .mrank.p1{background:linear-gradient(160deg,#FFD98A,var(--amber));color:#3A2206}
  .mrank.p2{background:linear-gradient(160deg,#E4E7EA,#AFB6BD);color:#2A2A2E}
  .mrank.p3{background:linear-gradient(160deg,#E0A071,#B87446);color:#2E1A0C}
  .mrank[hidden],.mlive[hidden]{display:none}
  .mlive{
    position:absolute;bottom:12px;left:12px;z-index:1;display:inline-flex;align-items:center;gap:8px;
    padding:6px 13px 6px 11px;border-radius:999px;background:rgba(27,19,16,.86);
    color:var(--pine);font-weight:800;font-size:13px;box-shadow:inset 0 1px 0 rgba(255,220,180,.16),var(--sh-1);
  }
  .mlive i{width:8px;height:8px;border-radius:50%;background:var(--pine);position:relative;z-index:0}
  .mlive i::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--pine);
    z-index:-1;opacity:0;animation:pulse 2.4s infinite}

  .mbody{padding:16px 20px 20px}
  .mname{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
  .mname h2{font-size:16.5px;font-weight:800;color:var(--cream);margin:0;min-width:0;
            overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mmeta{margin:0;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.4}
  .mtype{color:var(--amber)}
  .mon{color:var(--warm-dim)}
  .mon::before{content:" · "}
  .mbar{display:block;height:8px;border-radius:99px;background:rgba(255,220,180,.06);overflow:hidden}
  .mbar s{display:block;height:100%;width:0;border-radius:99px;
          background:linear-gradient(90deg,#C98532,#FFC470);transition:width .9s var(--ease)}
  .mcard.cold .mbar s{background:rgba(255,220,180,.14)}
  .mnum{margin:10px 0 2px;font-size:14px;color:var(--warm);font-variant-numeric:tabular-nums;min-height:20px}
  .mnum b{color:var(--cream);font-weight:800}
  .mnum .hot{color:var(--amber)}
  .mlast{margin:0;font-size:13px;color:var(--warm-dim);min-height:18px}
  .mcard.cold .mnum{color:var(--warm-dim)}

  .mfoot{display:flex;gap:10px;align-items:flex-start;justify-content:center;margin-top:32px;
         font-size:15px;color:var(--warm);text-align:left}
  .mfoot .i{flex:none;font-size:19px;color:var(--amber);margin-top:2px}

  @media (max-width:1100px){ .mapgrid{grid-template-columns:repeat(2,minmax(0,1fr))} }
  @media (max-width:700px){
    .mapgrid{grid-template-columns:minmax(0,1fr);gap:18px}
    .mtools{margin-bottom:20px}
    .mbody{padding:14px 16px 17px}
  }
  @media (prefers-reduced-motion:reduce){
    .mcard,.mshot img,.mbar s,.mapgrid{transition:none}
    .mcard:hover,.mcard:hover .mshot img{transform:none}
    .mcard.flash{animation:none}
    .mlive i::after{animation:none}
  }