/* 吃瓜站主题：暗色底 + 热辣红橙主色，只覆盖配色与少量质感，骨架完全复用 mc.css */
:root{color-scheme:dark}
html,body{background-color:#0b0812}
body{
  background-color:#0b0812;
  background-image:
    radial-gradient(820px 460px at 50% -6%,rgba(255,46,90,.22),transparent 70%),
    radial-gradient(660px 420px at 8% 6%,rgba(126,58,242,.16),transparent 74%),
    radial-gradient(560px 380px at 96% 22%,rgba(255,140,40,.10),transparent 72%),
    radial-gradient(circle,rgba(255,255,255,.055) .8px,transparent .8px);
  background-size:auto,auto,auto,16px 16px;
  background-attachment:fixed;
}
#mcy-complete{
  --mc-bg:#121019;
  --mc-panel:#1b1726;
  --mc-text:#f7effa;
  --mc-muted:#a698b8;
  --mc-stroke:#302742;
  --mc-rose:#ff3d6e;
  --mc-onrose:#fff;
  --mc-tint:#2b1524;
  --mc-purple:#b98cff;
  --mc-paper:#221c31;
  --mc-green:#4dd6a0;
  --mc-shadow:#00000073;
}
#mcy-complete .mc-app{
  border-color:#332a46;
  background-image:linear-gradient(180deg,#161221 0%,#121019 34%,#100d16 100%);
  box-shadow:0 24px 70px rgba(0,0,0,.6),0 0 0 1px rgba(255,61,110,.06);
}
#mcy-complete .mc-logo{
  background:linear-gradient(140deg,#ff2d55,#ff7a3d);
  box-shadow:0 6px 16px rgba(255,45,85,.35);
}
#mcy-complete .mc-brand small{color:#8f819f;letter-spacing:.6px}
#mcy-complete .mc-live{
  display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#ff9db2;
  border:1px solid rgba(255,61,110,.32);background:rgba(255,61,110,.10);
  border-radius:20px;padding:4px 10px;white-space:nowrap
}
#mcy-complete .mc-live i{
  width:6px;height:6px;border-radius:50%;background:#ff3d6e;
  box-shadow:0 0 0 3px rgba(255,61,110,.18);animation:cg-pulse 1.8s infinite
}
@keyframes cg-pulse{0%,100%{opacity:1}50%{opacity:.35}}
#mcy-complete .mc-hero{
  background:radial-gradient(ellipse at 50% 62%,rgba(255,61,110,.18),transparent 70%)
}
#mcy-complete .mc-eyebrow{color:#ff7c9a}
#mcy-complete .mc-eyebrow:before,#mcy-complete .mc-eyebrow:after{background:#ff3d6e;opacity:.5}
#mcy-complete .mc-hero h1{
  font-size:36px;letter-spacing:-1.4px;text-shadow:0 10px 34px rgba(255,45,85,.22)
}
#mcy-complete .mc-hero h1 em{
  background:linear-gradient(100deg,#ff2d55,#ff7a3d 70%);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
#mcy-complete .mc-hero p{color:#a698b8}
#mcy-complete .mc-cover img{
  border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.06)
}
#mcy-complete .mc-cover[aria-pressed="true"] img{
  outline:2px solid #ff3d6e;outline-offset:3px;
  box-shadow:0 16px 34px rgba(255,45,85,.35)
}
#mcy-complete .mc-cover:after{
  content:"";position:absolute;inset:0;border-radius:10px;pointer-events:none;
  background:linear-gradient(180deg,transparent 52%,rgba(6,4,10,.72))
}
#mcy-complete .mc-cover-label{font-weight:500;letter-spacing:.3px}
#mcy-complete .mc-cover-tick{background:linear-gradient(140deg,#ff2d55,#ff7a3d);box-shadow:0 4px 12px rgba(255,45,85,.45)}
#mcy-complete .mc-types span{
  background:rgba(255,255,255,.04);border-color:#332a46;color:#b3a6c4
}
#mcy-complete .mc-primary{
  background:linear-gradient(120deg,#ff2d55,#ff6a3d);
  box-shadow:0 10px 26px rgba(255,45,85,.34),inset 0 1px 0 rgba(255,255,255,.22);
  font-weight:600;letter-spacing:.2px
}
#mcy-complete .mc-primary:active{transform:translateY(1px)}
#mcy-complete .mc-secondary{
  background:#221c31;color:#c6a6ff;border:1px solid #332a46
}
#mcy-complete .mc-text-button{color:#c6a6ff}
#mcy-complete .mc-section{border-top-color:#2a2338}
#mcy-complete .mc-benefits svg{color:#ff5c82}
#mcy-complete .mc-proof-card{
  background:linear-gradient(140deg,#1e1829,#191423);border-color:#332a46
}
#mcy-complete .mc-proof-card img{filter:saturate(1.05)}
#mcy-complete .mc-steps button[aria-current="step"]{color:#ff7c9a}
#mcy-complete .mc-steps button[aria-current="step"] span{
  background:linear-gradient(140deg,#ff2d55,#ff7a3d);color:#fff;
  box-shadow:0 0 0 4px rgba(255,61,110,.16)
}
#mcy-complete .mc-context{background:linear-gradient(120deg,#2b1524,#241a30)}
#mcy-complete .mc-context-arrow{color:#ff7c9a}
#mcy-complete .mc-task{background:linear-gradient(180deg,#1c1727,#181320);border-color:#332a46}
#mcy-complete .mc-kicker{color:#ff7c9a;letter-spacing:1.2px}
#mcy-complete .mc-poster-card{background:#1d1829;border:1px solid #2f2740}
#mcy-complete .mc-num{background:#2a2238;color:#c6a6ff}
#mcy-complete .mc-example-link{background:#241d33;color:#c6a6ff}
#mcy-complete .mc-drop{border-color:rgba(185,140,255,.55);background:#1d1829;color:#c6a6ff}
#mcy-complete .mc-progress{background:#241d33}
#mcy-complete .mc-progress span{background:linear-gradient(90deg,#ff2d55,#ff7a3d)}
#mcy-complete .mc-shot{background:#1d1829}
#mcy-complete .mc-success-hero{
  background:radial-gradient(ellipse at 50% 30%,rgba(255,61,110,.18),transparent 70%)
}
#mcy-complete .mc-success-icon{
  background:linear-gradient(140deg,#ff2d55,#ff7a3d);
  box-shadow:0 10px 26px rgba(255,45,85,.4)
}
#mcy-complete .mc-claim{background:linear-gradient(180deg,#1d1728,#181320);border-color:#332a46}
#mcy-complete .mc-password{
  background:linear-gradient(100deg,#ff2d55,#ff9a3d);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:none
}
#mcy-complete .mc-folder svg{color:#ff5c82}
#mcy-complete .mc-modal{background:rgba(8,5,14,.82)}
#mcy-complete .mc-modal-inner{background:#1b1726;border-color:#332a46}
#mcy-complete .mc-toast{background:#241d33;color:#f7effa}
#mcy-complete .mc-footer{color:#83758f}

/* 社会证明：暗色玻璃质感 */
.proof-toast{
  background:rgba(27,23,38,.97);border-color:#332a46;
  box-shadow:0 16px 38px rgba(0,0,0,.55)
}
.proof-name{color:#f7effa}
.proof-text{color:#a698b8}
