*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",sans-serif}
:root{--primary:#2563eb;--secondary:#f1f5f9;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--text:#334155;--light-text:#64748b;--white:#fff;--shadow:0 4px 12px rgba(0,0,0,0.08)}
body{background:var(--secondary);color:var(--text);line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:0 1rem}
.header{background:var(--primary);color:var(--white);padding:2rem 0;text-align:center}
.header h1{font-size:2rem;margin-bottom:.5rem}
.upload-section{padding:3rem 0;background:var(--white);margin:2rem 0;border-radius:8px;box-shadow:var(--shadow)}
.upload-box{text-align:center}
.upload-btn{display:inline-block;padding:1rem 2rem;background:var(--primary);color:var(--white);border-radius:8px;cursor:pointer;margin-bottom:1rem}
.upload-btn:hover{background:#1d4ed8;transform:translateY(-2px)}
#file-upload{display:none}
.tip{color:var(--light-text);font-size:.9rem}
.gallery-section{padding:2rem 0}
.gallery-controls{display:flex;justify-content:flex-end;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}
.btn{padding:.6rem 1.2rem;border:none;border-radius:6px;background:var(--primary);color:var(--white);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}
.btn:hover{background:#1d4ed8}
.btn-danger{background:var(--danger)}
.btn-danger:hover{background:#dc2626}
.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}
.empty-tip{grid-column:1/-1;text-align:center;color:var(--light-text);padding:3rem 0;font-size:1.1rem}
.image-card{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:all .3s ease}
.image-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}
.image-preview{width:100%;height:200px;object-fit:cover;cursor:zoom-in}
.image-actions{padding:1rem;display:flex;justify-content:space-between}
.download-btn{color:var(--primary);cursor:pointer}
.delete-btn{color:var(--danger);cursor:pointer}
.footer{text-align:center;padding:2rem 0;color:var(--light-text);font-size:.9rem;border-top:1px solid #e2e8f0;margin-top:3rem}