.top.left {
    left: 0px;
    top: 0px;
    width: 396px;
    height: 61px;
    opacity: 1;

    /** 文本1 */
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 0px;
    color: rgba(201, 201, 201, 1);
    text-align: left;
    vertical-align: middle;
}

#app {
    margin-left: 5rem;
    margin-right: 5rem;

    font-size: 20px;
    text-align: left;
    /* border: 1px solid rgba(148, 163, 184, 1); */
    /* padding-left: 3rem; */
    /* padding-right: 3rem; */
}

/* 整段文字边框 */
#app .shard {
    border: 2px solid rgba(148, 163, 184, 1);
    /* border: 2px solid rgba(128, 128, 128, 1); */
    border-radius: 14px;
    margin: 1rem
}

/* 原文 */
#app .origin {
    color: rgba(158, 158, 158, 1);
    margin: 1rem;
    border-bottom: 1px dotted rgba(148, 162, 183, 0.326);
    padding: 1rem 1rem 2rem 1rem;

}

/* 原文悬停样式 */
#app .origin:hover {
    color: #ffffff;
    background-color: #725ebb76;
    border-radius: 12px;
}

/* 原文选中样式 */
#app .origin::selection {
    color: rgb(121, 121, 121);
    background-color: #84ff82e9;
    border-radius: 12px;
}

/* 译文 */
#app .output {
    color: rgb(79, 171, 139);
    margin: 1rem;
    padding: 1rem;
}

/* 译文悬停样式 */
#app .output:hover {
    color: #ffffffb8;
    background-color: #5ebb8c76;
    border-radius: 12px;
}

/* 译文选中样式 */
#app .output::selection {
    color: #989898f7;
    background-color: #d6798b8a;
    border-radius: 12px;
}