#qdz-app{font-family:inherit;color:#e9eefc;padding:20px;max-width:900px;margin:auto}

.qdz-title{font-size:24px;font-weight:700;margin-bottom:14px;}

.qdz-addbox{background:#171a21;border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:14px;margin-bottom:20px;}
.qdz-input{width:100%;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,0.08);background:#0c0f14;color:#fff;margin-bottom:8px;}
.qdz-input-sm{width:100%;padding:6px;border-radius:8px;background:#0c0f14;color:#fff;border:1px solid rgba(255,255,255,0.08);}

.qdz-btn{padding:10px 16px;border-radius:10px;background:linear-gradient(135deg,rgba(109,213,250,.25),rgba(127,83,172,.25));border:1px solid rgba(255,255,255,.08);color:white;cursor:pointer;margin-top:6px;}
.qdz-btn-sm{padding:6px 10px;border-radius:8px;background:rgba(255,255,255,0.06);color:white;border:1px solid rgba(255,255,255,0.15);cursor:pointer;}
.qdz-del{padding:6px 10px;border-radius:8px;background:#ff3b3b;color:white;border:none;cursor:pointer;}

.qdz-note{font-size:12px;color:#aab2c8;margin-top:4px;}

.qdz-group{border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:12px;margin:10px 0;}
.qdz-group-head{display:flex;justify-content:space-between;font-weight:600;margin-bottom:10px;}

.qdz-items{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));}

.qdz-item{background:#14171e;border-radius:12px;padding:10px;border:1px solid rgba(255,255,255,.08);}
.qdz-photo{width:100%;height:140px;object-fit:cover;border-radius:10px;}
.qdz-nophoto{height:140px;background:#0f131a;color:#556;padding-top:60px;text-align:center;border-radius:10px;}

.qdz-th,.qdz-rowid{font-size:13px;margin-top:6px;color:#cfd6ea}

.qdz-editbox{display:flex;gap:6px;margin-top:6px;}

.qdz-empty,.qdz-error{color:#f77;margin-top:20px;text-align:center;}