body{background:#f8f9fa;height:100%;margin:0;padding:0}.s-red{color:red}.s-green{color:green}.show-card{border:2px solid #ccc;border-radius:8px;padding:0 22px;margin:12px 0}.show-card.box{border-color:#909399;background-color:#f4f4f5}.show-card.metal{border-color:#e6a23c;background-color:#fdf6ec}.show-card.heart{border-color:#67c23a;background-color:#f0f9eb}.show-card.silk{border-color:#409eff;background-color:#ebf5ff}.file-upload-container{max-width:800px;margin:20px auto;padding:0 15px}.upload-area{border:2px dashed #ccc;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#f9f9f9}.upload-area:hover{border-color:#42b983;background-color:#f0fdf4}.file-input{display:none}.upload-tit{margin:0 0 10px;color:#333;font-size:1.2rem}.upload-sub{margin:0;color:#666;font-size:.9rem}.no-wrap{white-space:nowrap}