.history{padding:40px 0 80px}.history-header{position:relative;text-align:center;margin-bottom:32px}.history-header h2{display:inline-block;font-size:28px;font-weight:800}.history-header .clear-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);padding:8px 16px;font-size:13px}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.history-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .3s}.history-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow)}.history-img-wrap{position:relative;aspect-ratio:1;overflow:hidden;background:var(--bg)}.history-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.history-remove{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:16px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s,background .2s}.history-card:hover .history-remove,.history-remove:focus{opacity:1}.history-remove:hover{background:#ff4d4f}.history-card:hover .history-img-wrap img{transform:scale(1.05)}.history-info{padding:16px}.history-prompt{font-size:14px;color:var(--text);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.history-meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.history-size{font-size:12px;color:var(--primary);background:var(--primary-soft);padding:2px 8px;border-radius:4px}.history-time{font-size:12px;color:var(--text-muted)}.history-actions{display:flex;gap:8px}.history-actions .btn{flex:1 1;padding:8px;font-size:13px}.history-actions .btn:disabled{opacity:.6;cursor:not-allowed}.history-upload-error{margin-top:6px;font-size:12px;color:var(--danger,#e5484d);word-break:break-all}@media (max-width:900px){.history-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.history-grid{grid-template-columns:1fr}}.confirm-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);animation:fadeIn .2s ease}.confirm-dialog{width:340px;max-width:calc(100vw - 48px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;animation:popIn .25s ease}.confirm-title{font-size:18px;font-weight:700;margin-bottom:8px}.confirm-text{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.confirm-actions{display:flex;justify-content:flex-end;gap:12px}.confirm-actions .btn{padding:8px 20px;font-size:14px}.confirm-actions .btn-danger{background:var(--error);color:#fff;border:none}.confirm-actions .btn-danger:hover{background:#d9363e;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}