2 lines
5.9 KiB
CSS
2 lines
5.9 KiB
CSS
.history-container[data-v-e53ce536]{min-height:100vh;background:linear-gradient(180deg,#fdf8f2,#f5ede3);display:flex;flex-direction:column}.header[data-v-e53ce536]{padding:1.5rem 1rem 1rem 1.25rem;background:transparent}.header .title[data-v-e53ce536]{font-size:1.625rem;font-weight:700;color:#8b7355;display:block;margin-bottom:.375rem;letter-spacing:.09375rem;text-shadow:0 .0625rem .125rem rgba(139,115,85,.1)}.header .subtitle[data-v-e53ce536]{font-size:.8125rem;color:#b8a898;display:inline-block;background:rgba(139,115,85,.08);padding:.1875rem .5rem;border-radius:.625rem}.video-list[data-v-e53ce536]{flex:1;padding:0 .75rem;box-sizing:border-box}.loading-box[data-v-e53ce536]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5rem 0}.loading-text[data-v-e53ce536]{font-size:.875rem;color:#8b7355;margin-top:.5rem}.empty-box[data-v-e53ce536]{display:flex;flex-direction:column;align-items:center;padding:5.625rem 1.25rem}.empty-icon[data-v-e53ce536]{font-size:4.375rem;margin-bottom:1.25rem;filter:grayscale(20%)}.empty-text[data-v-e53ce536]{font-size:1.0625rem;color:#8b7355;margin-bottom:.5rem;font-weight:600}.empty-hint[data-v-e53ce536]{font-size:.8125rem;color:#b8a898;text-align:center;line-height:1.6;background:rgba(139,115,85,.06);padding:.5rem 1rem;border-radius:.75rem}.video-grid[data-v-e53ce536]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;padding:0 0 1.25rem;box-sizing:border-box}.video-card[data-v-e53ce536]{background:#fff;border-radius:.875rem;overflow:hidden;box-shadow:0 .25rem 1rem rgba(139,115,85,.12);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box;border:.03125rem solid rgba(139,115,85,.08)}.video-card[data-v-e53ce536]:active{transform:translateY(-.1875rem) scale(1.01);box-shadow:0 .5rem 1.25rem rgba(139,115,85,.2)}.video-cover[data-v-e53ce536]{position:relative;width:100%;padding-top:150%;overflow:hidden;background:linear-gradient(135deg,#f8f4f0,#ede6dd)}.cover-image[data-v-e53ce536]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card:active .cover-image[data-v-e53ce536]{transform:scale(1.02)}.play-overlay[data-v-e53ce536]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.75rem;height:2.75rem;background:rgba(255,255,255,.95);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 .25rem .75rem rgba(0,0,0,.2)}.play-icon[data-v-e53ce536]{font-size:1.125rem;color:#8b7355;padding-left:.1875rem}.cover-placeholder[data-v-e53ce536]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.placeholder-icon[data-v-e53ce536]{font-size:1.875rem;color:#ccc}.video-duration[data-v-e53ce536]{position:absolute;bottom:.25rem;right:.25rem;background:rgba(0,0,0,.7);color:#fff;padding:.125rem .3125rem;border-radius:.1875rem;font-size:.625rem}.cache-badge[data-v-e53ce536]{position:absolute;top:.375rem;right:.375rem;background:linear-gradient(135deg,#8b7355,#a68b5b);padding:.1875rem .375rem;border-radius:.625rem;box-shadow:0 .0625rem .25rem rgba(139,115,85,.4)}.cache-text[data-v-e53ce536]{color:#fff;font-size:.5625rem;font-weight:500}.video-info[data-v-e53ce536]{padding:.625rem .5rem .5rem;background:linear-gradient(180deg,#fff,#fdfbf9)}.video-title[data-v-e53ce536]{font-size:.875rem;font-weight:600;color:#5a4a3a;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem;line-height:1.4}.video-text[data-v-e53ce536]{font-size:.6875rem;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.video-meta[data-v-e53ce536]{display:flex;justify-content:space-between;align-items:center;gap:.25rem}.video-time[data-v-e53ce536]{font-size:.625rem;color:#b8a898;background:rgba(139,115,85,.06);padding:.125rem .3125rem;border-radius:.25rem}.video-status[data-v-e53ce536]{font-size:.625rem;color:#8b7355;background:rgba(139,115,85,.1);padding:.0625rem .25rem;border-radius:.1875rem}.video-actions[data-v-e53ce536]{display:flex;border-top:.03125rem solid rgba(139,115,85,.1);background:#fdfbf9}.action-btn[data-v-e53ce536]{flex:1;padding:.4375rem .125rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1875rem;border-right:.03125rem solid rgba(139,115,85,.1);transition:all .2s ease;background:transparent;border:none;border-radius:0;line-height:normal}.action-btn[data-v-e53ce536]:after{border:none}.action-btn[data-v-e53ce536]:last-child{border-right:none}.action-btn[data-v-e53ce536]:active{background:rgba(139,115,85,.08);transform:scale(.96)}.action-btn.delete[data-v-e53ce536]:active{background:rgba(220,80,80,.08)}.action-btn.share[data-v-e53ce536]:active{background:rgba(139,115,85,.1)}.action-btn.publish[data-v-e53ce536]:active{background:rgba(100,180,100,.1)}.action-icon[data-v-e53ce536]{font-size:.8125rem}.action-text[data-v-e53ce536]{font-size:.5625rem;color:#8b7355;font-weight:500}.publish-mask[data-v-e53ce536]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:1.875rem;z-index:9999}.publish-dialog[data-v-e53ce536]{width:100%;max-width:20.3125rem;background:#fff;border-radius:.875rem;padding:1.125rem;box-shadow:0 .625rem 1.875rem rgba(0,0,0,.2)}.publish-title[data-v-e53ce536]{font-size:1rem;font-weight:700;color:#333;margin-bottom:.75rem}.publish-input[data-v-e53ce536]{width:100%;background:#f7f2ea;border-radius:.625rem;min-height:3rem;padding:.875rem;font-size:.9375rem;color:#333;box-sizing:border-box}.publish-actions[data-v-e53ce536]{display:flex;gap:.625rem;margin-top:.875rem}.publish-btn[data-v-e53ce536]{flex:1;text-align:center;padding:.6875rem 0;border-radius:.6875rem;font-size:.875rem;font-weight:600}.publish-btn.cancel[data-v-e53ce536]{background:#f0f0f0;color:#333}.publish-btn.confirm[data-v-e53ce536]{background:linear-gradient(135deg,#8b7355,#6d8b8b);color:#fff}
|