/* 遇球官网 · 手机版（≤760px 独立布局：夜场球房） */
.m{display:none}
@media (max-width:760px){
  body>nav.nav,body>header.hero,body>section,body>footer{display:none!important}
  html,body{background:#13041E}
  .m{display:block;color:#fff;font-family:var(--ff-cn);overflow:hidden;padding-bottom:84px;
    --ink:#13041E;--glass:rgba(255,255,255,.07);--gline:rgba(255,255,255,.12);--sub:rgba(255,236,250,.66);--pink:#FF4FA3;--vio:#A66BFF}
  .m *{box-sizing:border-box}
  .m .g-txt{background:linear-gradient(100deg,#FF6CB6,#E04CFF 55%,#A98BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
  .m .en{font-family:var(--ff-en)}

  /* 顶栏 */
  .m-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;height:58px;padding:0 18px;
    background:rgba(19,4,30,.72);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid rgba(255,255,255,.06)}
  .m-top img{width:32px;height:32px;border-radius:10px}
  .m-top b{font-size:17px;font-weight:900;letter-spacing:.04em}
  .m-top b small{display:block;font:600 8px/1 var(--ff-en);letter-spacing:.34em;color:var(--sub);margin-top:2px}
  .m-top a.open{margin-left:auto;height:32px;padding:0 14px;border-radius:16px;display:flex;align-items:center;font-size:13px;font-weight:900;
    background:linear-gradient(100deg,#FF2E93,#C026F0);box-shadow:0 6px 16px rgba(255,46,147,.4)}

  /* Hero */
  .m-hero{position:relative;padding:26px 20px 0;isolation:isolate}
  .m-hero::before{content:"";position:absolute;inset:-58px 0 auto;height:640px;z-index:-2;
    background:url(pic-pool2.jpg) center 30%/cover;opacity:.32;
    -webkit-mask:linear-gradient(180deg,#000 10%,transparent 92%);mask:linear-gradient(180deg,#000 10%,transparent 92%)}
  .m-hero::after{content:"";position:absolute;z-index:-1;left:-30%;right:-30%;top:260px;height:620px;
    background:radial-gradient(closest-side,rgba(255,46,147,.42),rgba(166,107,255,.22) 55%,transparent 75%)}
  .m-live{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px 0 6px;border-radius:15px;font-size:12px;font-weight:800;
    background:rgba(255,255,255,.1);border:1px solid var(--gline);backdrop-filter:blur(10px)}
  .m-live .dot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#FF2E93,#FF6B6B)}
  .m-live .dot i{display:flex;gap:1.5px;align-items:flex-end;height:8px}
  .m-live .dot s{width:2px;background:#fff;border-radius:1px;animation:meq 1s ease-in-out infinite}
  .m-live .dot s:nth-child(2){animation-delay:.2s}.m-live .dot s:nth-child(3){animation-delay:.4s}
  @keyframes meq{0%,100%{height:3px}50%{height:8px}}
  .m-hero h1{margin-top:18px;font-size:50px;line-height:1.06;font-weight:900;letter-spacing:.01em}
  .m-hero .lead{margin-top:14px;font-size:14.5px;line-height:1.75;color:var(--sub);max-width:330px}
  .m-btns{display:flex;gap:10px;margin-top:22px}
  .m-btn{flex:1;height:50px;border-radius:25px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:900;color:#fff}
  .m-btn svg{width:18px;height:18px}
  .m-btn.pri{background:linear-gradient(100deg,#FF2E93,#C026F0);box-shadow:0 12px 28px rgba(255,46,147,.42)}
  .m-btn.ghost{background:rgba(255,255,255,.1);border:1px solid var(--gline)}
  .m-btn.w{background:#fff;color:#2A1236;box-shadow:0 12px 26px rgba(40,0,60,.3)}

  .m-stage{position:relative;height:430px;margin:8px -20px 0}
  .m-stage .host{position:absolute;right:-6px;bottom:0;height:430px;z-index:2;filter:drop-shadow(0 20px 40px rgba(0,0,0,.45))}
  .m-stage .ring{position:absolute;right:-40px;bottom:40px;width:330px;height:330px;border-radius:50%;border:1.5px dashed rgba(255,140,210,.35);animation:mspin 50s linear infinite}
  .m-stage .ring.r2{width:250px;height:250px;right:0;bottom:80px;border-style:solid;border-color:rgba(166,107,255,.25);animation:none}
  @keyframes mspin{to{transform:rotate(360deg)}}
  .m-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:3;background:linear-gradient(180deg,transparent,var(--ink))}
  .m-gc{position:absolute;z-index:4;border-radius:18px;background:rgba(40,12,62,.62);border:1px solid rgba(255,255,255,.14);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 34px rgba(0,0,0,.35)}
  .m-gc.mg-coach{left:20px;top:24px;width:186px;padding:12px}
  .m-gc.mg-coach .t{display:flex;align-items:center;gap:8px}
  .m-gc.mg-coach .t img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #FF8FC6}
  .m-gc.mg-coach .t b{font-size:14px;font-weight:900;display:block}
  .m-gc.mg-coach .t span{font-size:10.5px;color:var(--sub);font-weight:700}
  .m-gc.mg-coach .p{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
  .m-gc.mg-coach .p em{font-style:normal;font:800 17px var(--ff-en);color:#FFD35A}
  .m-gc.mg-coach .p em small{font:700 10px var(--ff-cn);color:var(--sub);margin-left:3px}
  .m-gc.mg-coach .p i{font-style:normal;height:26px;padding:0 12px;border-radius:13px;display:grid;place-items:center;font-size:12px;font-weight:900;background:linear-gradient(100deg,#FF2E93,#C026F0)}
  .m-gc.mics{left:20px;top:150px;padding:10px 12px}
  .m-gc.mics .h{font-size:11px;font-weight:800;color:var(--sub);display:flex;align-items:center;gap:6px}
  .m-gc.mics .h b{color:#fff}
  .m-gc.mics .avs{display:flex;gap:6px;margin-top:8px}
  .m-gc.mics .avs span{position:relative;width:34px;height:34px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#FF8FC6,#A66BFF)}
  .m-gc.mics .avs span.on::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(255,79,163,.7);animation:mring 1.8s ease-out infinite}
  .m-gc.mics .avs img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #2A0D40}
  .m-gc.mics .avs span.add{display:grid;place-items:center;background:rgba(255,255,255,.1);border:1.5px dashed rgba(255,255,255,.35);padding:0;font-size:16px;color:rgba(255,255,255,.7)}
  @keyframes mring{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.3);opacity:0}}
  .m-gc.mg-bub{left:20px;top:250px;padding:10px 14px;border-radius:18px 18px 18px 6px;font-size:13px;font-weight:800}
  .m-gc.mg-bub em{font-style:normal;color:#FF8FC6}
  .m-gc.mg-bub2{left:58px;top:304px;padding:9px 14px;border-radius:18px 18px 18px 6px;font-size:13px;font-weight:800;background:linear-gradient(100deg,rgba(255,46,147,.85),rgba(192,38,240,.85))}
  .m-note{position:absolute;z-index:4;right:22px;top:292px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:20px;
    background:linear-gradient(135deg,#B37BFF,#7B4DFF);box-shadow:0 10px 22px rgba(123,77,255,.45);animation:mbob 4s ease-in-out infinite}
  @keyframes mbob{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-8px) rotate(6deg)}}

  /* 通用区块 */
  .m-sec{position:relative;padding:44px 0 0}
  .m-hd{padding:0 20px}
  .m-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:900;color:#FF8FC6;letter-spacing:.06em}
  .m-tag::before{content:"";width:16px;height:2px;border-radius:1px;background:currentColor}
  .m-hd h2{margin-top:10px;font-size:28px;line-height:1.25;font-weight:900}
  .m-hd p{margin-top:10px;font-size:13.5px;line-height:1.75;color:var(--sub)}
  .m-row{display:flex;align-items:flex-end;justify-content:space-between;padding:0 20px}
  .m-row h3{font-size:17px;font-weight:900;display:flex;align-items:center;gap:8px}
  .m-row span{font-size:12px;color:var(--sub);font-weight:700}
  .m-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:16px 20px 6px;scroll-padding:0 20px;scrollbar-width:none}
  .m-scroll::-webkit-scrollbar{display:none}
  .m-scroll>*{scroll-snap-align:start;flex:0 0 auto}

  /* 正在开麦 */
  .m-rc{position:relative;width:142px;height:186px;border-radius:18px;overflow:hidden;background:#2A0D40}
  .m-rc img{width:100%;height:100%;object-fit:cover}
  .m-rc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 35%,rgba(20,3,32,.92))}
  .m-rc .lv{position:absolute;z-index:2;left:8px;top:8px;height:20px;padding:0 8px;border-radius:10px;font:800 9.5px/20px var(--ff-en);letter-spacing:.06em;
    background:linear-gradient(90deg,#FF2E93,#FF6B6B);display:flex;align-items:center;gap:5px}
  .m-rc .lv::before{content:"";width:5px;height:5px;border-radius:50%;background:#fff;flex:none;animation:lvp 1.1s ease-in-out infinite}
  @keyframes lvp{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}
  .m-rc b{position:absolute;z-index:2;left:10px;right:10px;bottom:28px;font-size:13px;font-weight:900;line-height:1.3}
  .m-rc span{position:absolute;z-index:2;left:10px;bottom:10px;font-size:11px;color:var(--sub);font-weight:700}

  /* 约助教 */
  .m-types{display:flex;gap:8px;margin-top:14px}
  .m-types span{height:28px;padding:0 12px;border-radius:14px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;background:var(--glass);border:1px solid var(--gline)}
  .m-types i{width:8px;height:8px;border-radius:50%}
  .m-cc{position:relative;width:208px;height:292px;border-radius:24px;overflow:hidden;
    background:radial-gradient(120% 80% at 50% 100%,#FF7BC0 0%,#B54BE8 45%,#3A1062 100%)}
  .m-cc.e{background:radial-gradient(120% 80% at 50% 100%,#FFB0D2 0%,#F0609E 40%,#4A1150 100%)}
  .m-cc.t{background:radial-gradient(120% 80% at 50% 100%,#9EC4FF 0%,#7B4DFF 45%,#25104F 100%)}
  .m-cc img{position:absolute;left:50%;bottom:58px;height:226px;transform:translateX(-50%);filter:drop-shadow(0 10px 20px rgba(0,0,0,.35))}
  .m-cc .bd{position:absolute;left:10px;top:10px;height:22px;padding:0 9px;border-radius:11px;font-size:10.5px;font-weight:900;line-height:22px;background:rgba(0,0,0,.28);backdrop-filter:blur(6px)}
  .m-cc .ds{position:absolute;right:10px;top:10px;font:700 11px/22px var(--ff-en);color:rgba(255,255,255,.85)}
  .m-cc .info{position:absolute;left:8px;right:8px;bottom:8px;padding:10px 12px;border-radius:16px;background:rgba(25,6,40,.62);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14)}
  .m-cc .n{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:900}
  .m-cc .n em{font-style:normal;height:16px;padding:0 6px;border-radius:8px;font-size:10px;line-height:16px;background:linear-gradient(90deg,#FF8FC6,#E8459A)}
  .m-cc .n i{width:7px;height:7px;border-radius:50%;background:#3DDC84;box-shadow:0 0 0 3px rgba(61,220,132,.2)}
  .m-cc .p{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
  .m-cc .p b{font:800 16px var(--ff-en);color:#FFD35A}
  .m-cc .p b small{font:700 10px var(--ff-cn);color:var(--sub);margin-left:3px}
  .m-cc .p a{height:24px;padding:0 12px;border-radius:12px;font-size:11.5px;font-weight:900;line-height:24px;background:#fff;color:#2A1236}

  .m-steps{margin:18px 20px 0;border-radius:24px;background:var(--glass);border:1px solid var(--gline);padding:6px 14px}
  .m-step{display:flex;gap:14px;align-items:center;padding:12px 0}
  .m-step+.m-step{border-top:1px solid rgba(255,255,255,.08)}
  .m-step .th{position:relative;flex:0 0 62px;height:84px;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.18);background:#fff}
  .m-step .th img{width:100%;height:100%;object-fit:cover;object-position:top}
  .m-step .k{font:800 11px var(--ff-en);color:#FF8FC6;letter-spacing:.08em}
  .m-step b{display:block;font-size:15.5px;font-weight:900;margin-top:2px}
  .m-step p{font-size:12.5px;line-height:1.6;color:var(--sub);margin-top:3px}
  .m-promise{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 20px 0}
  .m-promise span{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:14px;font-size:12px;font-weight:800;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
  .m-promise span::before{content:"";flex:0 0 16px;height:16px;border-radius:50%;
    background:linear-gradient(135deg,#FF2E93,#C026F0) center/100% no-repeat;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/svg%3E");}
  .m-promise span{position:relative}
  .m-promise span::after{content:"";position:absolute;left:17px;top:50%;width:6px;height:3.5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-70%) rotate(-45deg)}

  /* 语音房 */
  .m-room{width:78vw;max-width:300px;border-radius:26px;overflow:hidden;position:relative;
    background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid var(--gline)}
  .m-room .shot{position:relative;height:330px;overflow:hidden;background:var(--c)}
  .m-room .shot img{position:absolute;left:50%;top:22px;width:200px;transform:translateX(-50%);border-radius:24px;border:5px solid #1A0A26;box-shadow:0 20px 40px rgba(0,0,0,.4)}
  .m-room .shot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,transparent,rgba(30,8,46,.95))}
  .m-room .shot .ic{position:absolute;z-index:2;left:14px;top:14px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:rgba(255,255,255,.22);backdrop-filter:blur(8px)}
  .m-room .shot .tg{position:absolute;z-index:2;right:14px;top:14px;height:24px;padding:0 10px;border-radius:12px;font-size:11px;font-weight:900;line-height:24px;background:rgba(0,0,0,.3);backdrop-filter:blur(8px)}
  .m-room .bd{padding:4px 18px 20px;margin-top:-26px;position:relative;z-index:2}
  .m-room h4{font-size:19px;font-weight:900}
  .m-room h4 small{font-size:12px;color:var(--sub);font-weight:700;margin-left:8px}
  .m-room p{font-size:12.5px;line-height:1.7;color:var(--sub);margin-top:6px}
  .m-room ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
  .m-room li{height:24px;padding:0 10px;border-radius:12px;font-size:11px;font-weight:800;line-height:24px;background:rgba(255,255,255,.08)}
  .m-dots{display:flex;justify-content:center;gap:6px;margin-top:14px}
  .m-dots i{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.22);transition:width .25s,background .25s}
  .m-dots i.on{width:20px;background:linear-gradient(90deg,#FF2E93,#C026F0)}

  /* 球圈 */
  .m-topics{display:flex;gap:8px;overflow-x:auto;padding:14px 20px 0;scrollbar-width:none}
  .m-topics::-webkit-scrollbar{display:none}
  .m-topics span{flex:0 0 auto;height:30px;padding:0 12px;border-radius:15px;font-size:12.5px;font-weight:800;line-height:30px;color:#FFB5DA;background:rgba(255,79,163,.12);border:1px solid rgba(255,79,163,.25)}
  .m-wall{columns:2;column-gap:10px;padding:16px 20px 0}
  .m-post{break-inside:avoid;margin-bottom:10px;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
  .m-post img.ph{width:100%;aspect-ratio:var(--ar,1);object-fit:cover}
  .m-post .tx{padding:10px 11px 11px}
  .m-post p{font-size:12.5px;line-height:1.55;font-weight:700}
  .m-post p em{font-style:normal;color:#FF8FC6}
  .m-post.q{background:linear-gradient(150deg,rgba(255,46,147,.22),rgba(166,107,255,.16))}
  .m-post.q p{font-size:15px;line-height:1.5;font-weight:900}
  .m-post .u{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;color:var(--sub);font-weight:700}
  .m-post .u img{width:20px;height:20px;border-radius:50%;object-fit:cover}
  .m-post .u span{margin-left:auto}

  /* 安心 */
  .m-safe{margin:16px 20px 0;border-radius:24px;padding:4px 16px;background:var(--glass);border:1px solid var(--gline)}
  .m-safe div{display:flex;gap:12px;padding:14px 0}
  .m-safe div+div{border-top:1px solid rgba(255,255,255,.08)}
  .m-safe .ic{flex:0 0 38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,46,147,.25),rgba(166,107,255,.25));color:#FFB5DA}
  .m-safe .ic svg{width:20px;height:20px}
  .m-safe b{font-size:14.5px;font-weight:900}
  .m-safe p{font-size:12px;line-height:1.6;color:var(--sub);margin-top:2px}

  /* CTA */
  .m-cta{position:relative;margin:48px 20px 0;border-radius:28px;padding:26px 22px 24px;overflow:hidden;min-height:300px;
    background:radial-gradient(90% 70% at 100% 100%,#FFB0D6,transparent 60%),linear-gradient(135deg,#FF2E93,#C026F0 60%,#7B4DFF)}
  .m-cta h2{position:relative;z-index:2;font-size:27px;line-height:1.25;font-weight:900}
  .m-cta p{position:relative;z-index:2;margin-top:10px;font-size:13px;line-height:1.65;color:rgba(255,255,255,.88);max-width:190px}
  .m-cta .gift{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;margin-top:14px;height:28px;padding:0 12px;border-radius:14px;font-size:12px;font-weight:900;background:rgba(255,255,255,.2)}
  .m-cta .gift b{font-family:var(--ff-en);color:#FFE38A}
  .m-cta .m-btn{position:relative;z-index:2;margin-top:18px;width:170px;flex:none}
  .m-cta img{position:absolute;right:-18px;bottom:0;height:290px;z-index:1;filter:drop-shadow(0 10px 30px rgba(80,0,60,.35))}
  .m-join{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 20px 0}
  .m-join a{padding:14px;border-radius:18px;background:var(--glass);border:1px solid var(--gline)}
  .m-join b{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:900}
  .m-join b::after{content:"›";font-size:18px;color:var(--sub)}
  .m-join span{display:block;font-size:11.5px;color:var(--sub);margin-top:3px}

  /* 页脚 */
  .m .m-foot{margin-top:40px;padding:26px 20px 18px;border-top:1px solid rgba(255,255,255,.07);background:transparent;color:#fff}
  .m-foot .lk{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12.5px;font-weight:700;color:rgba(255,255,255,.75)}
  .m-foot .lg{margin-top:18px;font-size:10.5px;line-height:1.9;color:rgba(255,255,255,.4)}

  /* 底部常驻下载条 */
  .m-bar{position:fixed;z-index:60;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;
    padding:8px 8px 8px 10px;border-radius:22px;background:rgba(36,10,56,.86);border:1px solid rgba(255,255,255,.14);
    backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 16px 40px rgba(0,0,0,.45);
    transform:translateY(140%);transition:transform .35s cubic-bezier(.2,.9,.3,1)}
  .m-bar.on{transform:none}
  .m-bar img{width:40px;height:40px;border-radius:12px}
  .m-bar b{display:block;font-size:14px;font-weight:900}
  .m-bar span{display:block;font-size:11px;color:var(--sub);font-weight:700}
  .m-bar a{margin-left:auto;height:40px;padding:0 18px;border-radius:20px;display:grid;place-items:center;font-size:14px;font-weight:900;background:linear-gradient(100deg,#FF2E93,#C026F0)}

  /* 进场 */
  .m .mv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
  .m .mv.on{opacity:1;transform:none}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){.m *{animation:none!important}.m .mv{opacity:1;transform:none}}