.content[data-v-77cfed31]{width:76%;height:auto;background-color:#fff;margin:100px auto 0;box-sizing:border-box;padding:20px;box-shadow:0 4px 6px #0000000d;border-radius:15px;display:grid;grid-template-columns:70% 30%;gap:10px}.leftData[data-v-77cfed31]{width:100%;height:400px}.rightData[data-v-77cfed31]{width:100%;height:400px;display:grid;grid-template-columns:repeat(1,1fr);gap:10px}.img[data-v-77cfed31]{width:100%;height:100%}.leftData img[data-v-77cfed31]{width:100%;height:100%;object-fit:cover}.img[data-v-77cfed31]:nth-child(1){width:100%;height:100%;background-image:url(/assets/%E4%BA%BA%E7%89%A91-ur4LPzAj.jpg);background-size:cover;background-repeat:no-repeat}.img[data-v-77cfed31]:nth-child(2){width:100%;height:100%;background-image:url(/assets/%E4%BA%BA%E7%89%A92-DRgZD_vS.jpg);background-size:cover;background-repeat:no-repeat}.content[data-v-b23633f5]{width:76%;height:auto;margin:20px auto;display:grid;grid-template-columns:70% 28%;gap:2%}.data[data-v-b23633f5]{width:100%;background-color:#fff;box-shadow:0 4px 6px #0000000d;border-radius:10px;box-sizing:border-box;padding:20px}.user[data-v-b23633f5]{width:100%}.essay[data-v-b23633f5]{height:auto;background-color:#fff;box-shadow:0 4px 6px #0000000d;border-radius:10px;box-sizing:border-box;padding:20px}.titleData[data-v-b23633f5]{width:100%;height:150px;border-bottom:1px solid #ccc;display:grid;grid-template-columns:20% 80%;gap:10px}.page[data-v-b23633f5]{width:100%;margin-top:20px;display:flex;justify-content:center;align-items:center}.img[data-v-b23633f5]{width:100%;height:100%;box-sizing:border-box;padding:20px;display:flex;justify-content:center;align-items:center}img[data-v-b23633f5]{width:100%;height:120px}.titleText[data-v-b23633f5]{width:90%;height:100px;box-sizing:border-box;padding:20px}p[data-v-b23633f5]{margin-top:20px;display:flex;align-items:center;font-size:14px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#666}.tag[data-v-b23633f5]{width:100%;height:auto;display:block;margin-top:10px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666}.text[data-v-b23633f5]{margin-left:12px;transition:all .3s ease;color:#666}.text[data-v-b23633f5]:hover{color:#409eff}h4[data-v-b23633f5]{color:#000;transition:all .3s ease}.titleData:hover h4[data-v-b23633f5]{color:#409eff}.content[data-v-4204e5cc]{width:95%;height:400px;margin:60px auto 0;background-color:#fff;display:grid;grid-template-rows:60% 30%;gap:10px}.bj[data-v-4204e5cc]{width:100%;height:100%}.bj img[data-v-4204e5cc]{width:100%;height:100%;object-fit:fill}.bj2[data-v-4204e5cc]{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.bj2 img[data-v-4204e5cc]{width:100%;height:100%;object-fit:cover}.tutorialData[data-v-4204e5cc]{width:95%;height:auto;margin:20px auto 0;display:grid;grid-template-rows:repeat(1,1fr);gap:10px}.data[data-v-4204e5cc]{width:100%;height:120px;background-color:#fff;display:grid;grid-template-columns:30% 70%;gap:10px;box-sizing:border-box;padding:10px}.img[data-v-4204e5cc]{width:100%;height:100%}.img img[data-v-4204e5cc]{width:100%;height:100%;object-fit:cover}.title[data-v-4204e5cc]{font-size:12px}p[data-v-4204e5cc]{margin-top:20px;font-size:12px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#666}.date[data-v-4204e5cc]{margin-top:10px;font-size:12px;color:#666}.page[data-v-4204e5cc]{width:80%;margin:auto auto 10px}@media screen and (max-width: 600px){.tutorialPc[data-v-e3c99a8a]{display:none}.tutorialM[data-v-e3c99a8a]{display:block}}@media screen and (min-width: 600px) and (max-width: 1240px){.tutorialPc[data-v-e3c99a8a]{display:none}.tutorialM[data-v-e3c99a8a]{display:block}}@media screen and (min-width: 1240px){.tutorialPc[data-v-e3c99a8a]{display:block}.tutorialM[data-v-e3c99a8a]{display:none}}