/* 会员层样式 —— 与主站同一套深色影院质感 */
:root { --m-gold:#f0b429; --m-panel:#14161d; --m-line:#252a36; --m-dim:#8c93a6; --m-txt:#e8eaf0; }

.mbar{display:flex;align-items:center;gap:10px;padding:0}
.mbtn{display:inline-flex;align-items:center;gap:6px;background:#1d1a12;border:1px solid #3a3220;color:var(--m-gold);
  padding:7px 13px;border-radius:9px;font-size:13px;cursor:pointer;font-weight:600;white-space:nowrap}
.mbtn:hover{filter:brightness(1.12)}
.mbtn.on{background:#2a2312}
.mbtn svg{width:15px;height:15px}

.mnotice{position:relative;background:linear-gradient(90deg,#241d0f,#1a1a22);border-bottom:1px solid #33301f;
  color:#f3d79a;font-size:13px;padding:9px 40px 9px 16px;line-height:1.5;text-align:center}
.mnotice b{color:#ffd479}
.mnotice .x{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#8c93a6;cursor:pointer;font-size:16px;padding:2px 6px}

.mmask{position:fixed;inset:0;background:rgba(4,5,8,.78);backdrop-filter:blur(6px);z-index:60;display:flex;align-items:center;justify-content:center;padding:16px}
.mmask[hidden]{display:none}
.mbox{background:var(--m-panel);border:1px solid var(--m-line);border-radius:16px;width:100%;max-width:430px;max-height:88vh;overflow:auto;color:var(--m-txt)}
.mhd{display:flex;align-items:center;gap:10px;padding:15px 16px;border-bottom:1px solid var(--m-line);position:sticky;top:0;background:var(--m-panel);z-index:2}
.mhd h3{margin:0;font-size:15.5px;flex:1}
.mhd .mclose{background:none;border:none;color:var(--m-dim);cursor:pointer;font-size:20px;line-height:1;padding:0 4px}
.mbd{padding:16px}
.mtabs{display:flex;gap:6px;margin-bottom:14px}
.mtabs button{flex:1;background:#0e1016;border:1px solid var(--m-line);color:var(--m-dim);padding:8px;border-radius:9px;cursor:pointer;font-size:13.5px}
.mtabs button.on{color:var(--m-gold);border-color:#3a3220;background:#1d1a12}
.mbd label{display:block;color:var(--m-dim);font-size:12.5px;margin:12px 0 5px}
.mbd input,.mbd select{width:100%;background:#0e1016;border:1px solid var(--m-line);color:var(--m-txt);border-radius:9px;padding:10px 11px;font:inherit;outline:none}
.mbd input:focus,.mbd select:focus{border-color:#4a4330}
.mbtn2{width:100%;margin-top:16px;background:var(--m-gold);color:#171307;border:none;border-radius:10px;padding:11px;font-weight:700;font-size:14.5px;cursor:pointer}
.mbtn2:disabled{opacity:.45;cursor:not-allowed}
.mbtn2.ghost{background:#1c1f29;color:var(--m-txt);border:1px solid var(--m-line)}
.mhint{color:var(--m-dim);font-size:12.5px;line-height:1.7;margin-top:12px}
.msum{background:#0e1016;border:1px solid var(--m-line);border-radius:12px;padding:13px;margin-bottom:6px}
.msum .r{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:13.5px}
.msum .r span{color:var(--m-dim)}
.mvip{color:var(--m-gold);font-weight:700}

.slider{position:relative;background:#0e1016;border:1px solid var(--m-line);border-radius:10px;height:44px;margin-top:14px;overflow:hidden;user-select:none;touch-action:none}
.slider .fill{position:absolute;inset:0;width:0;background:linear-gradient(90deg,#2a2312,#3a2f13);transition:width .05s linear}
.slider .txt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#7d8496;font-size:13px;pointer-events:none;letter-spacing:1px}
.slider .knob{position:absolute;top:3px;left:3px;width:56px;height:36px;border-radius:8px;background:var(--m-gold);color:#171307;
  display:flex;align-items:center;justify-content:center;cursor:grab;font-size:15px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.slider.done{border-color:#26523c}
.slider.done .fill{background:linear-gradient(90deg,#132218,#1b3527)}
.slider.done .txt{color:#8fd6b0}
.slider .knob.act{cursor:grabbing}

.mplans{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:10px}
.mplan{background:#0e1016;border:1px solid var(--m-line);border-radius:12px;padding:12px;cursor:pointer;text-align:center}
.mplan:hover{border-color:#4a4330}
.mplan.on{border-color:var(--m-gold);background:#1d1a12}
.mplan b{display:block;font-size:14px;margin-bottom:4px}
.mplan i{font-style:normal;color:var(--m-gold);font-size:17px;font-weight:700}
.mplan s{display:block;color:var(--m-dim);font-size:12px;text-decoration:none;margin-top:3px}

.mord{background:#0e1016;border:1px solid var(--m-line);border-radius:10px;padding:10px 12px;margin-top:8px;font-size:13px}
.mord .r{display:flex;justify-content:space-between;gap:8px}
.mtag{display:inline-block;padding:1px 8px;border-radius:20px;font-size:11.5px;border:1px solid var(--m-line);color:var(--m-dim)}
.mtag.ok{color:#8fd6b0;border-color:#26523c;background:#132218}
.mtag.wait{color:#8fb8f0;border-color:#25385a;background:#111a28}

.mtoast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,16px);background:#1e222c;border:1px solid var(--m-line);
  color:#e8eaf0;padding:10px 18px;border-radius:10px;opacity:0;transition:.25s;pointer-events:none;z-index:99;font-size:13.5px;max-width:90vw;text-align:center}
.mtoast.on{opacity:1;transform:translate(-50%,0)}
.mtoast.err{border-color:#5a2b27;color:#ff9a92}

@media(max-width:640px){
  .mbtn{padding:6px 10px;font-size:12.5px}
  .mbtn .t{display:none}
  .mbox{max-height:92vh}
}