/* assets/css/style.css v7 */
.ssvtp-wrapper { display:flex; justify-content:center; padding:18px; }
.ssvtp-card { max-width:980px; width:100%; border-radius:12px; padding:18px; font-family:Arial, sans-serif; box-shadow:0 6px 18px rgba(0,0,0,0.06); background:transparent; }
.ssvtp-brand{ font-weight:800; font-size:18px; margin-bottom:12px; }
.ssvtp-form { display:block; }
#ssvtp-username{ width:100%; padding:12px 14px; border-radius:28px; border:1px solid #e6e6e6; font-size:15px; box-sizing:border-box; }
.ssvtp-btn-wrap{ margin-top:12px; text-align:center; }
.ssvtp-btn{ padding:12px 20px; border-radius:24px; border:none; background:linear-gradient(90deg,#7b61ff,#ff6b6b); color:#fff; font-weight:700; cursor:pointer; width:60%; max-width:320px; }

.ssvtp-spinner{ width:40px;height:40px;margin:12px auto;border-radius:50%;border:4px solid rgba(123,97,255,0.15);border-top-color:#7b61ff;animation:spin 1s linear infinite;display:none;}
@keyframes spin{ to{transform:rotate(360deg);} }

.ssvtp-profile-card{ display:flex; gap:12px; align-items:center; margin:12px 0; }
.ssvtp-avatar{ width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid #fff; box-shadow:0 6px 18px rgba(0,0,0,0.08); }
.ssvtp-profile-right{ flex:1; }
.ssvtp-name{ font-size:18px;font-weight:800; }
.ssvtp-meta{ color:#666;font-size:13px;margin-top:4px; }

.ssvtp-section{ margin-top:14px; }
.ssvtp-cards{ display:flex; flex-wrap:wrap; gap:12px; }
.ssvtp-card-item{ width:calc(33.333% - 8px); border-radius:10px; overflow:hidden; background:#fff; box-shadow:0 6px 18px rgba(10,10,10,0.06); display:flex; flex-direction:column; }
.ssvtp-card-thumb{ position:relative; height:150px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:linear-gradient(180deg,#f8f8ff,#fff); }
.ssvtp-card-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.ssvtp-media-icon-inline{ position:absolute; left:8px; top:8px; background:rgba(0,0,0,0.55); padding:6px; border-radius:8px; display:flex; align-items:center; justify-content:center; }
.ssvtp-card-footer{ padding:8px; display:flex; justify-content:center; }
.ssvtp-download{ display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; background:linear-gradient(90deg,#ff6b6b,#7b61ff); color:#fff; text-decoration:none; }

.ssvtp-empty{ color:#666;padding:8px; }

@media(max-width:900px){ .ssvtp-card-item{ width:calc(50% - 8px); } }
@media(max-width:480px){ .ssvtp-card-item{ width:100%; } .ssvtp-btn{ width:100%; } .ssvtp-profile-card{ flex-direction:row; } }