.no-photo[data-v-b732b9d8]{text-align:center;padding:20px;color:#999;border:1px dashed #ddd;border-radius:4px}.photo-container[data-v-b732b9d8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.photo-item[data-v-b732b9d8]{overflow:hidden;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.photo-item img[data-v-b732b9d8]{width:100%;height:150px;-o-object-fit:cover;object-fit:cover;-webkit-transition:opacity .3s;transition:opacity .3s}.photo-item img[data-v-b732b9d8]:hover{opacity:.8}.video-item[data-v-b732b9d8]{width:240px;height:240px;max-width:240px;cursor:pointer}.video-thumbnail[data-v-b732b9d8]{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transition:-webkit-transform .3s,-webkit-box-shadow .3s;transition:-webkit-transform .3s,-webkit-box-shadow .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s,-webkit-box-shadow .3s;overflow:hidden}.video-cover[data-v-b732b9d8]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.loading-icon[data-v-b732b9d8]{font-size:48px;color:#fff;opacity:.9}.video-thumbnail[data-v-b732b9d8]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.2);box-shadow:0 8px 24px rgba(0,0,0,.2)}.play-icon[data-v-b732b9d8]{font-size:48px;color:#fff;opacity:.9}.video-tip[data-v-b732b9d8]{position:absolute;bottom:16px;color:#fff;font-size:14px;font-weight:500}