/* ========== 前台附件下载大卡片（777.jpg 样式） ========== */
.juzi-dl-card {
    display: flex;
    gap: 16px;
    padding: 18px;
    border-radius: 16px;
    background: linear-gradient(135deg, #f7f9ff, #fff);
    border: 1px solid rgba(220, 230, 255, .55);
    box-shadow: 0 4px 14px rgba(0,0,0,.05);
    margin: 16px 0 22px;
    transition: transform .3s, box-shadow .3s;
}
.juzi-dl-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.joe-dl-left { position: relative; width: 120px; min-width: 120px; height: 120px; border-radius: 12px; overflow: hidden; flex-shrink: 0; background: #f1f5f9; }
.joe-dl-left img { width: 100%; height: 100%; object-fit: cover; display: block; }
.joe-dl-thumb-size { position: absolute; bottom: 8px; right: 8px; padding: 2px 8px; border-radius: 8px; background: rgba(0,0,0,.6); color: #fff; font-size: 11px; }
.joe-dl-right { flex: 1; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.joe-dl-title { font-size: 16px; font-weight: 700; color: #26304d; line-height: 1.4; word-break: break-all; }
.joe-dl-tagline { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.joe-dl-status { padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 700; }
.joe-dl-status-free { background: linear-gradient(135deg, #e6f7e6, #c6f0c6); color: #2e7d32; }
.joe-dl-status-login { background: linear-gradient(135deg, #fff7e6, #faeab2); color: #d48806; }
.joe-dl-status-points, .joe-dl-status-money, .joe-dl-status-level, .joe-dl-status-comment, .joe-dl-status-follow { background: linear-gradient(135deg, #f0e6ff, #e0c3fc); color: #5b21b6; }
.joe-dl-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 18px; border-radius: 24px; font-size: 13px; font-weight: 600; text-decoration: none; transition: all .25s; }
.joe-dl-btn-green { background: linear-gradient(135deg, #43e97b, #38f9d7); color: #fff; box-shadow: 0 4px 12px rgba(67,233,123,.35); }
.joe-dl-btn-green:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(67,233,123,.45); }
.joe-dl-count { font-size: 12px; color: #8893a8; }
.joe-dl-desc { padding: 10px 14px; border-radius: 10px; background: linear-gradient(135deg, #eef2ff, #f0f7ff); color: #4b5b7b; font-size: 12.5px; line-height: 1.8; }
.joe-dl-meta-row { display: flex; gap: 8px; flex-wrap: wrap; font-size: 12px; color: #7a8aad; }
.joe-dl-meta-tag { padding: 2px 8px; border-radius: 8px; background: rgba(99,102,241,.08); color: #6366f1; }
.joe-dl-qq a { color: #6366f1; text-decoration: none; font-weight: 600; }
[data-night] .juzi-dl-card { background: linear-gradient(135deg, rgba(20,24,36,.85), rgba(24,28,44,.85)); border-color: rgba(90,110,180,.2); }
[data-night] .joe-dl-left { background: rgba(20,24,36,.6); }
[data-night] .joe-dl-title { color: #c9d4ee; }
[data-night] .joe-dl-desc { background: rgba(30,40,60,.55); color: #a6b3d4; }
@media (max-width: 640px) {
    .juzi-dl-card { flex-direction: column; gap: 12px; }
    .joe-dl-left { width: 100%; height: 140px; }
}