/* =========================================================================
   SLai · 权益与禁令强调层
   -------------------------------------------------------------------------
   目标：让「购买权益」和「禁止破解」在页面上无法被忽略。
   手段：
     1) 首屏下方加一条全宽权益横幅（高对比、带动效）
     2) 禁令用红色警示卡，视觉权重明显高于普通内容
     3) 权益卡用绿色勾选 + 渐变边框，与禁令形成对比
   ========================================================================= */

/* ---------- 1. 权益横幅：紧挨首屏 ---------- */
.rights-banner{
  position:relative;
  margin:0 auto 96px;
  width:min(1200px, calc(100% - 96px));
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(168,85,247,.38);
  background:
    linear-gradient(135deg, rgba(124,58,237,.22), rgba(30,22,52,.85) 45%, rgba(10,6,20,.92)),
    radial-gradient(60% 120% at 0% 0%, rgba(192,132,252,.18), transparent 70%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 30px 80px -40px rgba(124,58,237,.9);
}
@media(max-width:900px){
  .rights-banner{width:calc(100% - 40px);margin-bottom:64px}
}

.rights-banner::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:linear-gradient(90deg,transparent,#C084FC,#67E8F9,#C084FC,transparent);
  background-size:200% 100%;
  animation:rb-flow 6s linear infinite;
}
@keyframes rb-flow{
  0%{background-position:0% 50%}
  100%{background-position:200% 50%}
}

.rights-banner-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:32px;
  align-items:center;
  padding:32px 36px;
}
@media(max-width:900px){
  .rights-banner-inner{grid-template-columns:1fr;gap:22px;padding:26px 22px}
}

.rights-banner h3{
  font-size:clamp(19px,2.2vw,25px);
  font-weight:700;
  letter-spacing:-.02em;
  color:#FFFFFF;
  margin:0 0 10px;
  display:flex;
  align-items:center;
  gap:10px;
}
.rights-banner h3 .rb-dot{
  width:8px;height:8px;border-radius:50%;
  background:#4DE39A;
  box-shadow:0 0 0 4px rgba(77,227,154,.18), 0 0 14px #4DE39A;
  flex:0 0 auto;
}
.rights-banner p{
  margin:0;
  font-size:13.5px;
  line-height:1.8;
  color:rgba(246,243,252,.7);
  max-width:62ch;
}
.rights-banner p b{color:#E9D5FF;font-weight:600}

.rights-banner-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
.rights-banner-tags span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 12px;
  border-radius:999px;
  border:1px solid rgba(77,227,154,.34);
  background:rgba(77,227,154,.09);
  font-size:11.5px;
  color:rgba(220,255,240,.85);
  white-space:nowrap;
}
.rights-banner-tags span::before{
  content:"✓";
  color:#4DE39A;
  font-weight:700;
  font-size:10px;
}

.rights-banner-cta{
  display:flex;
  flex-direction:column;
  gap:10px;
  flex:0 0 auto;
}
.rights-banner-cta .btn{
  height:44px;
  padding:0 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
  text-decoration:none;
}

/* ---------- 2. 禁令警示块（红色，权重最高）---------- */
.ban-block{
  position:relative;
  margin:18px 0 0;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,86,96,.5);
  background:
    linear-gradient(135deg, rgba(180,30,42,.26), rgba(40,10,16,.92) 60%, rgba(14,6,10,.95));
  box-shadow:
    0 0 0 1px rgba(255,140,150,.1) inset,
    0 24px 64px -32px rgba(200,30,50,.7);
  padding:24px 26px;
}
@media(max-width:640px){.ban-block{padding:18px 16px}}

.ban-block::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:linear-gradient(90deg,transparent,#FF5660,#FF9AA2,#FF5660,transparent);
  animation:rb-flow 5s linear infinite;
}

.ban-block h3{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:clamp(17px,2vw,21px);
  font-weight:700;
  color:#FFB3B8;
  margin:0 0 14px;
  letter-spacing:-.01em;
}
.ban-block h3 .ban-icon{
  display:inline-grid;
  place-items:center;
  width:26px;height:26px;
  border-radius:7px;
  background:rgba(255,86,96,.2);
  border:1px solid rgba(255,86,96,.55);
  color:#FF6B72;
  font-size:15px;
  font-weight:800;
  flex:0 0 auto;
}

.ban-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:8px 24px;
  margin:0;
  padding:0;
  list-style:none;
}
.ban-list li{
  position:relative;
  padding-left:22px;
  font-size:13.5px;
  line-height:1.75;
  color:rgba(255,220,222,.82);
}
.ban-list li::before{
  content:"✕";
  position:absolute;
  left:0;
  top:.05em;
  color:#FF5660;
  font-weight:800;
  font-size:12px;
}

.ban-block .ban-note{
  margin:16px 0 0;
  padding-top:14px;
  border-top:1px solid rgba(255,86,96,.22);
  font-size:12.5px;
  line-height:1.8;
  color:rgba(255,190,195,.72);
}
.ban-block .ban-note b{color:#FFB3B8}

/* ---------- 3. 权益网格：绿色勾选卡 ---------- */
.rights-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:12px;
  margin-top:18px;
}
.rights-card{
  position:relative;
  padding:22px 24px;
  border-radius:14px;
  border:1px solid rgba(77,227,154,.26);
  background:linear-gradient(160deg,rgba(20,44,36,.6),rgba(10,20,16,.72));
  transition:border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}
.rights-card:hover{
  border-color:rgba(77,227,154,.6);
  transform:translateY(-3px);
  box-shadow:0 22px 56px -28px rgba(30,180,110,.7);
}
.rights-card .rc-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.rights-card .rc-check{
  display:inline-grid;
  place-items:center;
  width:22px;height:22px;
  border-radius:50%;
  background:rgba(77,227,154,.18);
  border:1px solid rgba(77,227,154,.5);
  color:#4DE39A;
  font-size:12px;
  font-weight:800;
  flex:0 0 auto;
}
.rights-card h4{
  font-size:15px;
  font-weight:650;
  color:#F6F3FC;
  margin:0;
}
.rights-card p{
  margin:0;
  font-size:12.8px;
  line-height:1.75;
  color:rgba(210,255,235,.62);
}

/* ---------- 4. 页面级强调：header 里的权益胶囊 ---------- */
.nav .nav-right .btn-rights{
  border:1px solid rgba(77,227,154,.45);
  background:rgba(30,90,66,.28);
  color:#A8F5CE;
  height:36px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  border-radius:9px;
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
.nav .nav-right .btn-rights:hover{
  border-color:rgba(120,255,190,.8);
  background:rgba(40,120,88,.42);
  color:#DFFFEE;
  transform:translateY(-1px);
}

/* ---------- 5. 文档页里的权益/禁令强调 ---------- */
.doc-sec .rights-highlight{
  border-left:3px solid #4DE39A;
  background:linear-gradient(90deg,rgba(77,227,154,.1),transparent 70%);
  padding:16px 20px;
  border-radius:0 10px 10px 0;
  margin:18px 0;
}
.doc-sec .ban-highlight{
  border-left:3px solid #FF5660;
  background:linear-gradient(90deg,rgba(255,86,96,.12),transparent 70%);
  padding:16px 20px;
  border-radius:0 10px 10px 0;
  margin:18px 0;
}