/* Compact native disclosure; only the solid heart has a soft red accent. */
.ll-meta,.ll-entry-row{--ll-text:#ebf0f2;--ll-muted:#aebfca;--ll-line:#4b475f;--ll-panel:#1f2537;font:12px/1.65 system-ui,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ll-text)}
.ll-meta.ll-light{--ll-text:#2b4155;--ll-muted:#52677b;--ll-line:#c0d0df;--ll-panel:#f7fafc}
.ll-meta{max-width:440px;margin:16px auto}
.ll-support{min-width:0;margin:0}
.ll-support>summary{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid var(--ll-line);border-radius:8px;background:var(--ll-panel);color:var(--ll-text);font-size:12px;font-weight:700;line-height:1.5;cursor:pointer;list-style:none;touch-action:manipulation}
.ll-support>summary::-webkit-details-marker{display:none}
.ll-support>summary svg{width:16px;height:16px;flex:none;fill:currentColor;stroke:none;color:#d87586}
.ll-support>summary::after{content:"＋";font-size:12px}
.ll-support[open]>summary::after{content:"−"}
.ll-support>summary:hover{border-color:var(--ll-muted)}
.ll-support>summary:focus-visible{outline:3px solid var(--ll-text);outline-offset:3px}
.ll-support-panel{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;max-width:440px;margin:10px auto 0;padding:14px;border:1px solid var(--ll-line);border-radius:10px;background:var(--ll-panel)}
.ll-support-panel h2{margin:0 0 6px;font-size:17px;line-height:1.4;font-weight:650;color:var(--ll-text)}
.ll-support-panel p{margin:0;font-size:11px;line-height:1.65;color:var(--ll-muted)}
.ll-support-panel p+p{margin-top:6px}
.ll-support-panel .ll-support-copy{margin:0;color:var(--ll-text);font-size:12px;line-height:1.8}
.ll-qr-slot{box-sizing:border-box;display:grid;place-items:center;width:116px;min-height:116px;padding:7px;border:1px dashed var(--ll-line);border-radius:7px;text-align:center;font-size:11px;color:var(--ll-muted)}
.ll-qr-slot:empty::after{content:"收款二维码暂未提供"}
.ll-qr-slot img{display:block;width:100%;height:auto;object-fit:contain;background:#fff}
.ll-qr-slot img[hidden]{display:none}
.ll-qr-preview{display:block;width:100%;color:var(--ll-muted);text-decoration:none}
.ll-qr-preview:focus-visible{outline:2px solid var(--ll-muted);outline-offset:3px}
.ll-qr-hint{display:block;margin-top:5px;font-size:10px;line-height:1.4}
.ll-qr-image{position:relative;display:grid;place-items:center;background:#fff}
.ll-qr-image [data-qr-state]{position:absolute;inset:0;display:grid;place-items:center;color:#52677b;pointer-events:none}
/* Expanded panels stay in normal flow below their fixed entry row. */
.ll-entry-row{--ll-span:calc(200% + 8px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;max-width:760px;margin:16px auto 10px;text-align:left}
.ll-entry-row>.ll-support{grid-column:2;grid-row:1}
.ll-entry-row>.ll-support>.ll-support-panel{width:min(440px,var(--ll-span));max-width:none;margin-left:calc(100% - min(440px,var(--ll-span)))}
@media(max-width:740px){.ll-support-panel{grid-template-columns:minmax(0,1fr) 104px;gap:10px;padding:12px}.ll-qr-slot{width:104px;min-height:104px}.ll-support-panel h2{font-size:16px}.ll-entry-row .ll-support>summary{padding:8px 6px;font-size:11px;gap:4px}}
@media(max-width:360px){.ll-support-panel{grid-template-columns:minmax(0,1fr) 96px;padding:10px;gap:8px}.ll-qr-slot{width:96px;min-height:96px}.ll-support-panel h2{font-size:15px}}
@media(forced-colors:active){.ll-support>summary,.ll-support-panel,.ll-qr-slot{border-color:CanvasText}}
