
.rl-detail-mask{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .18s ease;-webkit-overflow-scrolling:touch}
.rl-detail-mask.open{opacity:1;pointer-events:auto}
.rl-detail-panel{background:var(--card,#ffffff);color:var(--ink,#0f172a);width:100%;max-width:660px;max-height:86vh;overflow:auto;border-radius:var(--r-lg, 16px);padding:22px 22px 26px;box-shadow:var(--shadow-lg)}
.rl-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}
.rl-detail-head h2{margin:0;font-size:22px;line-height:1.2}
.rl-detail-close{flex:0 0 auto;width:34px;height:34px;border-radius:var(--r-sm, 8px);border:1px solid var(--border,#e2e8f0);background:transparent;color:var(--muted,#64748b);font-size:18px;line-height:1;cursor:pointer}
.rl-detail-close:hover{color:var(--ink,#0f172a)}
.rl-detail-channel{display:inline-block;font-size:12px;padding:2px 10px;border-radius:999px;background:var(--brand-soft,rgba(13,148,136,.12));color:var(--brand,#0d9488);margin:2px 8px 0 0}
.rl-detail-date{color:var(--muted,#64748b);font-size:13px;margin:0 0 14px}
.rl-detail-sec{margin-top:16px}
.rl-detail-sec>h3{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#64748b);margin:0 0 8px}
.rl-detail-log{font-size:14px;line-height:1.6}
.rl-detail-log ul{margin:6px 0;padding-left:20px}
.rl-detail-asset{border:1px solid var(--border,#e2e8f0);border-radius:var(--r-md, 12px);padding:12px 14px;margin-bottom:10px}
.rl-detail-asset h4{margin:0 0 4px;font-size:14px}
.rl-detail-asset .rl-da-meta{font-size:12px;color:var(--muted,#64748b);word-break:break-all}
.rl-detail-asset .rl-da-sha{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;word-break:break-all;background:var(--soft,#f1f5f9);padding:6px 8px;border-radius:var(--r-sm, 8px);margin-top:6px;color:var(--ink,#0f172a)}
.rl-detail-asset .rl-da-act{margin-top:8px}
.rl-detail-req{font-size:13px}
.rl-detail-req table{width:100%;border-collapse:collapse}
.rl-detail-req td{padding:6px 8px;border-bottom:1px solid var(--border,#e2e8f0);vertical-align:top}
.rl-detail-req td:first-child{color:var(--muted,#64748b);white-space:nowrap;padding-right:14px}
.rl-open-btn{/* 触控地板：实测 95×31。 */min-height:44px;display:inline-flex;align-items:center;appearance:none;border:1px solid var(--border,#e2e8f0);background:transparent;color:var(--brand,#0d9488);border-radius:var(--r-sm, 8px);padding:6px 14px;font-size:13px;cursor:pointer;margin-top:10px}
.rl-open-btn:hover{background:var(--brand-soft,rgba(13,148,136,.1))}
@media (max-width:639px){.rl-detail-panel{padding:16px;border-radius:var(--r-md, 12px)}.rl-detail-head h2{font-size:18px}}
