:root { --rl-ink:#172b3a; --rl-muted:#607384; --rl-faint:#8b9aa6; --rl-line:#d9e3e8; --rl-canvas:#f2f6f7; --rl-paper:#fff; --rl-navy:#143642; --rl-teal:#0f766e; --rl-coral:#d8664c; --rl-radius:8px; }
* { box-sizing:border-box; }
html { background:var(--rl-canvas); }
body { margin:0; background:var(--rl-canvas); color:var(--rl-ink); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; line-height:1.55; }
a { color:inherit; }
.rl-app { min-height:100vh; }
.rl-topbar { background:var(--rl-paper); border-bottom:1px solid var(--rl-line); position:sticky; top:0; z-index:20; }
.rl-topbar-inner { align-items:center; display:flex; gap:28px; justify-content:space-between; margin:0 auto; max-width:1240px; min-height:68px; padding:0 28px; }
.rl-brand { align-items:center; display:flex; gap:10px; min-width:230px; text-decoration:none; }
.rl-brand-mark { background:var(--rl-coral); border-radius:50%; box-shadow:0 0 0 5px #fff1ec; height:9px; width:9px; }
.rl-brand-copy strong { color:var(--rl-navy); display:block; font-size:1rem; letter-spacing:0; }
.rl-brand-copy span { color:var(--rl-faint); display:block; font-size:.68rem; margin-top:1px; }
.rl-nav { align-items:center; display:flex; gap:3px; justify-content:center; }
.rl-nav a { border-radius:5px; color:var(--rl-muted); font-size:.78rem; font-weight:800; padding:9px 11px; text-decoration:none; }
.rl-nav a:hover { background:#f1f6f6; color:var(--rl-navy); }.rl-nav a.active { background:#e8f4f1; color:var(--rl-teal); }
.rl-actions { align-items:center; display:flex; gap:7px; }.rl-action { border:1px solid var(--rl-line); border-radius:5px; color:var(--rl-muted); font-size:.75rem; font-weight:800; padding:8px 11px; text-decoration:none; white-space:nowrap; }.rl-action:hover { background:#f5f8f8; }.rl-action.primary { background:var(--rl-navy); border-color:var(--rl-navy); color:#fff; }
.rl-main { margin:0 auto; max-width:1240px; padding:28px 28px 58px; }
.rl-hero { align-items:end; background:var(--rl-navy); border-radius:10px; box-shadow:0 14px 30px rgba(20,54,66,.14); color:#fff; display:grid; gap:28px; grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr); margin-bottom:15px; overflow:hidden; padding:31px 36px; position:relative; }.rl-kicker { color:#f2a16c; font-size:.65rem; font-weight:850; }.rl-hero h1 { font-size:2.25rem; letter-spacing:0; line-height:1.15; margin:10px 0 12px; max-width:720px; }.rl-hero p { color:rgba(255,255,255,.72); font-size:.91rem; line-height:1.75; margin:0; max-width:710px; }.rl-hero-meta { border-left:1px solid rgba(255,255,255,.2); padding-left:24px; }.rl-hero-meta-label { color:rgba(255,255,255,.55); font-size:.67rem; font-weight:800; }.rl-hero-meta-value { color:#fff; font-size:.95rem; font-weight:780; margin-top:8px; }.rl-hero-meta-note { color:rgba(255,255,255,.56); font-size:.72rem; margin-top:10px; }
.rl-stat-grid { display:grid; gap:9px; grid-template-columns:repeat(5,minmax(0,1fr)); margin-bottom:15px; }.rl-stat { background:var(--rl-paper); border:1px solid var(--rl-line); border-radius:7px; min-height:104px; padding:16px 17px; position:relative; }.rl-stat::before { background:var(--rl-teal); content:""; height:3px; left:-1px; position:absolute; right:-1px; top:-1px; }.rl-stat:nth-child(2)::before { background:#e6a33d; }.rl-stat:nth-child(3)::before { background:#678995; }.rl-stat:nth-child(4)::before { background:var(--rl-coral); }.rl-stat:nth-child(5)::before { background:#7d6c9e; }.rl-stat strong { color:var(--rl-navy); display:block; font-size:1.7rem; line-height:1.1; }.rl-stat span { color:var(--rl-muted); display:block; font-size:.72rem; font-weight:750; margin-top:8px; }.rl-stat small { color:var(--rl-faint); display:block; font-size:.67rem; margin-top:4px; }
.rl-workspace { display:grid; gap:15px; grid-template-columns:minmax(0,1fr) 250px; margin-bottom:18px; }.rl-panel { background:var(--rl-paper); border:1px solid var(--rl-line); border-radius:var(--rl-radius); padding:18px; }.rl-panel h2 { color:var(--rl-navy); font-size:1rem; margin:0; }.rl-panel-lead { color:var(--rl-muted); font-size:.74rem; margin:4px 0 15px; }.rl-form { display:grid; gap:9px; grid-template-columns:minmax(220px,2fr) repeat(3,minmax(115px,.8fr)) auto; }.rl-field label { color:var(--rl-muted); display:block; font-size:.68rem; font-weight:850; margin-bottom:5px; }.rl-field input,.rl-field select { background:#f8fafb; border:1px solid var(--rl-line); border-radius:5px; color:var(--rl-ink); font:inherit; font-size:.78rem; min-height:42px; padding:8px 10px; width:100%; }.rl-field input:focus,.rl-field select:focus { border-color:var(--rl-teal); box-shadow:0 0 0 3px rgba(15,118,110,.12); outline:0; }.rl-form-actions { align-items:end; display:flex; gap:7px; }.rl-button { align-items:center; border:1px solid transparent; border-radius:5px; cursor:pointer; display:inline-flex; font:inherit; font-size:.75rem; font-weight:850; justify-content:center; min-height:42px; padding:0 15px; text-decoration:none; }.rl-button.primary { background:var(--rl-teal); color:#fff; }.rl-button.secondary { background:#f0f4f5; border-color:var(--rl-line); color:var(--rl-muted); }
.rl-side-list { list-style:none; margin:12px 0 0; padding:0; }.rl-side-list li { align-items:center; border-bottom:1px solid #edf1f2; display:flex; font-size:.74rem; justify-content:space-between; padding:8px 0; }.rl-side-list li:last-child { border-bottom:0; }.rl-side-list span { color:var(--rl-muted); }.rl-side-list strong { color:var(--rl-navy); }
.rl-results-head { align-items:end; display:flex; justify-content:space-between; margin:22px 0 11px; }.rl-results-head h2 { color:var(--rl-navy); font-size:1.12rem; margin:0; }.rl-results-head p { color:var(--rl-muted); font-size:.72rem; margin:4px 0 0; }.rl-results-head .count { color:var(--rl-teal); font-weight:850; }
.rl-record-grid { display:grid; gap:11px; grid-template-columns:repeat(3,minmax(0,1fr)); }.rl-record { background:var(--rl-paper); border:1px solid var(--rl-line); border-radius:8px; box-shadow:0 3px 10px rgba(20,54,66,.035); min-width:0; overflow:hidden; padding:0 15px 14px; position:relative; transition:border-color .2s,box-shadow .2s,transform .2s; }.rl-record::before { background:var(--rl-teal); content:""; height:3px; left:0; position:absolute; right:0; top:0; }.rl-record:nth-child(3n+2)::before { background:#e6a33d; }.rl-record:nth-child(3n)::before { background:#678995; }.rl-record:hover { border-color:#a8c8c5; box-shadow:0 10px 22px rgba(20,54,66,.09); transform:translateY(-2px); }.rl-record.is-risk { background:#fffaf8; border-color:#efc5b9; }.rl-record.is-risk::before { background:var(--rl-coral); }
.rl-record-top { align-items:center; border-bottom:1px solid #edf1f2; display:flex; justify-content:space-between; padding:14px 0 10px; }.rl-record-id { color:var(--rl-muted); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.68rem; font-weight:700; }.rl-badges { display:flex; flex-wrap:wrap; gap:5px; justify-content:flex-end; }.rl-badge { border-radius:4px; font-size:.62rem; font-weight:850; padding:4px 6px; }.rl-badge.coin-btc { background:#fff2db; color:#9b6512; }.rl-badge.coin-bch { background:#e4f5f1; color:#19766b; }.rl-badge.coin-ltc { background:#edf0f1; color:#52616a; }.rl-badge.coin-doge { background:#f5f1da; color:#77671c; }.rl-badge.coin-eth { background:#edeafd; color:#5b4b9a; }.rl-badge.risk { background:#fff0eb; color:var(--rl-coral); }.rl-badge.status { background:#eef4f5; color:#55717b; }.rl-badge.status.done { background:#e4f5ef; color:#19745f; }.rl-badge.status.progress { background:#e8f2f4; color:#286778; }
.rl-record-main { display:grid; gap:12px; grid-template-columns:minmax(0,1fr) 120px; padding:13px 0; }.rl-record h3 { color:var(--rl-navy); font-size:.91rem; line-height:1.35; margin:0; overflow-wrap:anywhere; }.rl-record-sub { color:var(--rl-faint); font-size:.67rem; margin-top:7px; }.rl-balance { background:#f5f8f8; border:1px solid #e4ecec; border-radius:6px; padding:9px; text-align:right; }.rl-balance span { color:var(--rl-faint); display:block; font-size:.59rem; }.rl-balance strong { color:var(--rl-navy); display:block; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.68rem; margin-top:5px; white-space:nowrap; }.rl-balance small { color:var(--rl-faint); display:block; font-size:.58rem; margin-top:4px; }
.rl-meta { border-top:1px solid #edf1f2; margin:0; }.rl-meta-row { align-items:center; border-bottom:1px solid #f0f3f3; display:grid; gap:8px; grid-template-columns:42px minmax(0,1fr) auto; padding:8px 0; }.rl-meta-row:last-child { border-bottom:0; }.rl-meta-row dt { color:var(--rl-faint); font-size:.63rem; font-weight:850; }.rl-meta-row dd { color:var(--rl-muted); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.63rem; margin:0; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.rl-copy { background:#f3f6f6; border:1px solid #dce5e6; border-radius:3px; color:var(--rl-muted); cursor:pointer; font-size:.6rem; padding:3px 5px; }.rl-copy:hover { background:#e6f1ef; color:var(--rl-teal); }.rl-hint { background:#fff7e8; border-left:3px solid #e6a33d; color:#7c5a24; font-size:.67rem; margin-top:10px; padding:7px 9px; }.rl-hint strong { font-weight:850; }.rl-record-footer { border-top:1px solid #edf1f2; margin-top:9px; padding-top:10px; }.rl-record-note { color:var(--rl-faint); font-size:.62rem; }.rl-record-actions { display:grid; gap:6px; grid-template-columns:1fr 1fr; margin-top:8px; }.rl-record-actions a { border:1px solid var(--rl-line); border-radius:4px; color:var(--rl-teal); font-size:.68rem; font-weight:800; padding:7px 8px; text-align:center; text-decoration:none; }.rl-record-actions a:first-child { background:var(--rl-navy); border-color:var(--rl-navy); color:#fff; }
.rl-empty { background:var(--rl-paper); border:1px dashed var(--rl-line); border-radius:8px; color:var(--rl-muted); padding:32px; text-align:center; }.rl-pagination { display:flex; gap:5px; justify-content:center; margin-top:22px; }.rl-pagination a,.rl-pagination span { border:1px solid var(--rl-line); border-radius:4px; color:var(--rl-muted); font-size:.72rem; min-width:34px; padding:7px 9px; text-align:center; text-decoration:none; }.rl-pagination span { background:var(--rl-navy); border-color:var(--rl-navy); color:#fff; }.rl-footer { border-top:1px solid var(--rl-line); color:var(--rl-muted); font-size:.7rem; margin-top:30px; padding-top:18px; }.rl-footer a { color:var(--rl-teal); text-decoration:none; }.rl-toast { background:var(--rl-navy); border-radius:5px; bottom:20px; color:#fff; font-size:.75rem; left:50%; opacity:0; padding:9px 13px; pointer-events:none; position:fixed; transform:translate(-50%,12px); transition:opacity .2s,transform .2s; z-index:40; }.rl-toast.show { opacity:1; transform:translate(-50%,0); }
.rl-alert { color:var(--rl-coral); margin-bottom:15px; }
@media (max-width:1080px) { .rl-topbar-inner { gap:15px; }.rl-nav a { padding:8px; }.rl-stat-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.rl-workspace { grid-template-columns:1fr; }.rl-side-list { display:grid; gap:0 18px; grid-template-columns:repeat(3,1fr); }.rl-form { grid-template-columns:minmax(220px,2fr) repeat(3,1fr) auto; }.rl-record-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) {
    .rl-topbar-inner { flex-wrap:wrap; gap:10px; min-height:62px; padding:10px 15px; }
    .rl-brand { min-width:0; }
    .rl-brand-copy span { display:none; }
    .rl-nav {
        order:3;
        flex:0 0 100%;
        justify-content:flex-start;
        max-width:100%;
        overflow-x:auto;
        overflow-y:hidden;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }
    .rl-nav::-webkit-scrollbar { display:none; }
    .rl-nav a { flex:0 0 auto; white-space:nowrap; }
    .rl-actions { flex-shrink:0; gap:6px; margin-left:auto; }
    .rl-action { padding:7px 8px; font-size:.7rem; }
    .rl-action[href*="github.com"] { display:none; }
    .rl-main { padding:18px 14px 42px; }
    .rl-hero { display:block; padding:25px 22px; }
    .rl-hero::after { display:none; }
    .rl-hero h1 { font-size:1.7rem; }
    .rl-hero-meta { border-left:0; border-top:1px solid rgba(255,255,255,.2); margin-top:22px; padding:17px 0 0; }
    .rl-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .rl-stat:first-child { grid-column:1/-1; }
    .rl-form { grid-template-columns:1fr; }
    .rl-form-actions { display:grid; grid-template-columns:1fr 1fr; }
    .rl-button { width:100%; }
    .rl-side-list { grid-template-columns:repeat(2,1fr); }
    .rl-record-grid { grid-template-columns:1fr; }
    .rl-results-head { display:block; }
    .rl-results-head p { margin-top:5px; }
}
@media (max-width:420px) { .rl-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.rl-stat:first-child { grid-column:1/-1; }.rl-record-main { grid-template-columns:1fr; }.rl-balance { text-align:left; }.rl-side-list { grid-template-columns:1fr; } }