/* ==========================================================================
   溯光 · 独立下载卡片  —  皮肤 01「极简白卡」
   完全自包含；所有类名以 sgdl- 开头，不与主题冲突。
   ========================================================================== */

.sgdl-sprite{position:absolute;width:0;height:0;overflow:hidden}

.sgdl-row{
    display:flex;align-items:center;gap:13px;
    padding:13px 14px;margin:0 0 9px;
    border:1px solid #e5e9f0;border-radius:10px;
    background:#fff;
    font-family:inherit;line-height:1.5;
    box-sizing:border-box;
}
.sgdl-row:last-child{margin-bottom:0}

.sgdl-ico{
    width:42px;height:42px;border-radius:9px;
    display:grid;place-items:center;flex:none;
    box-sizing:border-box;
}
.sgdl-ic{display:block;width:16px;height:16px;fill:none;stroke:currentColor}
.sgdl-ic-lg{width:24px;height:24px}
.sgdl-ic-sm{width:14px;height:14px}

.sgdl-body{flex:1;min-width:0}
.sgdl-tt{
    font-size:14px;font-weight:600;color:#1d2327;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.sgdl-sub{font-size:12px;color:#8a94a3;margin-top:2px}
.sgdl-sub b{color:#4b5563;font-weight:600;letter-spacing:.04em}

.sgdl-copy{
    margin-left:6px;padding:0;border:0;background:none;
    color:#2271b1;font-size:12px;line-height:1.4;cursor:pointer;
    font-family:inherit;vertical-align:baseline;
}
.sgdl-copy:hover{text-decoration:underline}
.sgdl-copy.is-done{color:#2e8b57}

.sgdl-go{
    flex:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;
    background:#2271b1;color:#fff;border-radius:7px;
    padding:8px 13px;font-size:12.5px;font-weight:600;
    white-space:nowrap;text-decoration:none;border:0;
    box-sizing:border-box;transition:background .16s ease;
}
.sgdl-go:hover,.sgdl-go:focus{background:#1b5c92;color:#fff;text-decoration:none}
.sgdl-go-off{background:#c7ced8;cursor:default}
.sgdl-go-off:hover{background:#c7ced8}

/* 窄屏：按钮换到第二行占满宽度，标题与提取码不被挤压 */
@media (max-width:600px){
    .sgdl-row{flex-wrap:wrap;gap:10px;padding:12px}
    .sgdl-body{flex:1 1 calc(100% - 55px)}
    .sgdl-go{width:100%;justify-content:center;padding:9px 12px}
    .sgdl-tt{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}
}

/* 系统深色模式下的自适应（不影响浅色站点） */
@media (prefers-color-scheme:dark){
    .sgdl-row{background:#1c2128;border-color:#30363d}
    .sgdl-tt{color:#e6edf3}
    .sgdl-sub{color:#8b949e}
    .sgdl-sub b{color:#c9d1d9}
    .sgdl-copy{color:#58a6ff}
    .sgdl-copy.is-done{color:#56d364}
    .sgdl-ico{filter:brightness(.88)}
    .sgdl-go{background:#2f6fb3}
    .sgdl-go:hover,.sgdl-go:focus{background:#3b82cf}
    .sgdl-go-off{background:#484f58;color:#c9d1d9}
}
