body{background:#f8f9fa;height:100%;margin:0;padding:0}a{text-decoration:none}.arrow-icon{padding:0 12px;display:inline-block;transition:transform .3s ease-in-out;transform-origin:center center}.arrow-up{transform:rotate(180deg)}.s-red{color:red}.s-green{color:green}.show-card{border:2px solid #ccc;border-radius:8px;padding:0 22px;margin:12px 0;position:relative}.show-card header{display:flex;justify-content:space-between;align-items:center;margin:0}.box{border-color:#909399;background-color:#f4f4f5}.box header{box-shadow:0 1px #909399}.metal{border-color:#e6a23c;background-color:#fdf6ec}.metal header{box-shadow:0 1px #e6a23c}.heart{border-color:#67c23a;background-color:#f0f9eb}.heart header{box-shadow:0 1px #67c23a}.silk{border-color:#409eff;background-color:#ebf5ff}.silk header{box-shadow:0 1px #409eff}.cBtn{display:none;margin-left:12px}.cLi:hover .cBtn{display:inline-block}.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;background-image:url(./mio.svg);background-position:center;background-repeat:no-repeat}.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}.code{background-color:#e9e9eb;padding:8px 4px;white-space:normal;word-wrap:break-word}.intro{border-top:2px solid #ccc;padding:4px;margin-top:36px}.intro b{color:#dc3545}