/* 代理教程（照搬目标站 5811131.cc 返佣比例页 · 代理教程板块） */
.agent-tutorial{
  margin:12px 0 16px;
  color:#e3e3e3;
  font-size:13px;
  line-height:1.6;
  -webkit-text-size-adjust:100%;
}
.agent-tutorial .at-title{
  font-size:15px;font-weight:600;color:#e3e3e3;
  margin:4px 0 10px;padding-left:8px;border-left:3px solid #7db9ff;
}
.agent-tutorial .at-tabs{
  display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;margin-bottom:10px;
  -webkit-overflow-scrolling:touch;
}
.agent-tutorial .at-tabs::-webkit-scrollbar{display:none}
.agent-tutorial .at-tab{
  flex:0 0 auto;padding:6px 14px;border-radius:14px;font-size:12px;
  color:#999;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);white-space:nowrap;
}
.agent-tutorial .at-tab.active{
  color:#fff;background:linear-gradient(135deg,#2b3a67,#1f2b4d);
  border-color:#7db9ff;
}
.agent-tutorial .at-tree{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;padding:12px;margin-bottom:12px;
}
.agent-tutorial .at-node{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;padding:8px 10px;margin:6px 0;
  transition:box-shadow .2s,border-color .2s,opacity .2s;
}
.agent-tutorial .at-node.at-a{
  border-color:#7db9ff;
  background:linear-gradient(135deg,rgba(43,58,103,.55),rgba(31,43,77,.35));
}
.agent-tutorial .at-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.agent-tutorial .at-badge{
  width:26px;height:26px;border-radius:50%;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:700;color:#fff;background:#4a6fa5;
}
.agent-tutorial .at-node.at-b .at-badge{background:#4a8f6a}
.agent-tutorial .at-node.at-c .at-badge{background:#a56a4a}
.agent-tutorial .at-node.at-d .at-badge{background:#7a5aa5}
.agent-tutorial .at-line{color:#e3e3e3;word-break:break-all}
.agent-tutorial .at-line em{color:#7db9ff;font-style:normal;font-weight:600;margin:0 1px}
.agent-tutorial .at-sub{font-size:12px;color:#999}
.agent-tutorial .at-sub em{color:#7db9ff}
.agent-tutorial .at-prev{margin-top:6px;font-size:12px;color:#e07b7b}
.agent-tutorial .at-members{
  display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;
  padding-left:14px;border-left:2px solid rgba(125,185,255,.35);
}
.agent-tutorial .at-members .at-node{flex:1 1 calc(50% - 4px);min-width:140px;margin:0}
.agent-tutorial .at-focus{box-shadow:0 0 0 2px #7db9ff inset}
.agent-tutorial .at-dim{opacity:.4}
.agent-tutorial .at-detail{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;padding:12px;font-size:12.5px;line-height:1.75;color:#cfcfcf;
}
.agent-tutorial .at-detail p{margin:0 0 8px}
.agent-tutorial .at-detail .b{color:#e3e3e3;font-weight:700}
.agent-tutorial .at-detail .n{color:#cfcfcf}
.agent-tutorial .at-detail em{color:#7db9ff;font-style:normal;font-weight:600;margin:0 1px}