/* 钓组演示（rig-demo.js），只有用了 :::rigdemo 的稿件才加载这份样式。2026-10-29 */
.prose .rigdemo{margin:2.2em 0;padding:20px 22px 16px;background:var(--paper2);border-top:var(--px) solid var(--ink)}
.rigdemo .rigdemo-ui{display:none}
.rigdemo.ready .rigdemo-ui{display:block}
.rigdemo figcaption{font:.92rem/1.5 var(--sans);color:var(--ink2);margin-top:14px;padding-top:12px;border-top:1px solid var(--rule)}
.rigdemo:not(.ready) figcaption{font:inherit;color:inherit;margin:0;padding:0;border:0}
.rigdemo figcaption p{margin:.3em 0}
.rigdemo figcaption ul,.rigdemo figcaption ol{margin:.4em 0;padding-left:1.2em}
.rigdemo figcaption li{margin:.35em 0}

/* 动画（像素风：颜色只用站点变量，像素格/按钮/标签来自 pixel.css） */
.rd-tabs{margin-bottom:12px}
.rd-play{margin-left:auto}
.rd-stage{border:2px solid var(--ink);background:var(--paper)}
.rd-svg{display:block;width:100%;height:auto}
.rd-water{fill:var(--paper)}
.rd-streak{fill:var(--rule);opacity:.6}
.rd-bed{fill:var(--rule)}
.rd-pebble{fill:var(--mut)}
.rd-sand{fill:var(--mut)}
.rd-rock{fill:var(--ink2)}
.rd-line{fill:var(--ink);opacity:.7}
.rd-plastic{fill:var(--red)}
.rd-shade{fill:var(--red2)}
.rd-skirt{fill:var(--ok)}
.rd-head{fill:var(--ink)}
.rd-hook{fill:var(--mut)}
.rd-ghost{opacity:.4}
.rd-num{font:700 15px var(--sans);fill:var(--red)}
.rd-now{margin:10px 0 0;min-height:2.8em;font:.95rem/1.4 var(--sans);color:var(--ink)}
.rd-now strong{display:block;font-weight:600;margin-bottom:3px}
.rd-steps{margin:10px 0 0;padding-left:1.3em;font:.92rem/1.45 var(--sans);color:var(--ink)}
.rd-steps:empty{display:none}
.rd-note{margin:6px 0 0;font:.8rem/1.4 var(--sans);color:var(--mut)}

/* 怎么选 */
.rp-q{display:grid;gap:14px}
.rp-row{display:grid;gap:6px}
.rp-label{font:600 .8rem/1.2 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}

.rp-banner{margin:16px 0 8px;font:.9rem/1.4 var(--sans);color:var(--ink2)}
.rp-banner.warn{color:var(--red2);font-weight:600}
.rp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rp-card{padding:10px 12px 6px;background:var(--paper);border-color:var(--rule)}
.rp-card.top{border-color:var(--ok)}
.rp-card.against{opacity:.6}
.rp-hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rp-icon{display:block;height:auto;flex:none}
.rp-hd .rp-verdict{margin-left:auto}
.rp-hd strong{font:700 1.05rem/1.2 var(--disp)}
.rp-verdict{font:600 .76rem/1.3 var(--sans);color:var(--mut)}
.rp-card.top .rp-verdict{color:var(--ok)}
.rp-card.against .rp-verdict{color:var(--red2)}
.rp-card ul{list-style:none;margin:8px 0 0;padding:0;font:.84rem/1.4 var(--sans);color:var(--ink2)}
.rp-card li{margin:0 0 7px;padding-left:16px;position:relative}
.rp-card li::before{content:"·";position:absolute;left:4px;color:var(--mut)}
.rp-card li.plus::before{content:"+";left:2px;color:var(--ok);font-weight:700}
.rp-card li.minus::before{content:"−";left:2px;color:var(--red2);font-weight:700}
.rp-card li .px-tag{display:table;margin-top:3px}
.rp-foot{margin:12px 0 0;font:.84rem/1.4 var(--sans);color:var(--mut)}
.rigdemo.still *{transition:none!important;animation:none!important}

@media (max-width:760px){
  .prose .rigdemo{padding:16px 14px 12px;margin-left:calc(-1 * var(--pad) + 4px);margin-right:calc(-1 * var(--pad) + 4px)}
  .rp-cards{grid-template-columns:1fr}
}
.rd-now:empty{display:none}