.preview-mark[data-v-3df0d8f4]{font-weight:700;position:absolute;right:0;top:0;display:block;padding:.3rem .6rem;color:#fff;background-color:red;opacity:.6}.article[data-v-3df0d8f4]{width:24%;text-align:left;transition:all .3s;cursor:pointer;background-color:#fff;border:4px dotted #707070;padding:1em;position:relative;border-radius:10px}@media only screen and (max-width:1400px){.article[data-v-3df0d8f4]{width:48%;margin-bottom:2%}}@media only screen and (max-width:959px){.article[data-v-3df0d8f4]{width:100%;margin-bottom:5%}}.article figure[data-v-3df0d8f4]{position:relative;overflow:hidden}.article figure figcaption[data-v-3df0d8f4]{color:#fcfcfc;font-weight:700;font-size:1.3rem;position:absolute;top:.5rem;left:1rem;text-shadow:#292929 2px 0,#292929 -2px 0,#292929 0 -2px,#292929 0 2px,#292929 2px 2px,#292929 -2px 2px,#292929 2px -2px,#292929 -2px -2px,#292929 1px 2px,#292929 -1px 2px,#292929 1px -2px,#292929 -1px -2px,#292929 2px 1px,#292929 -2px 1px,#292929 2px -1px,#292929 -2px -1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:2px;width:96%}@media screen and (min-width:769px)and (max-width:1023px){.article figure figcaption[data-v-3df0d8f4]{font-size:1.6rem}}.article figure img[data-v-3df0d8f4]{transition:all .3s;object-fit:cover;font-family:"object-fit: cover;";width:100%;height:240px}.article figure time[data-v-3df0d8f4]{font-weight:700;position:absolute;left:0;bottom:0;display:block;padding:.3rem .6rem;color:#fff;background:#7ca6a4}.article figure[data-v-3df0d8f4]:before{transition:opacity .3s;background-color:#000;opacity:.1;top:0;right:0;bottom:0;left:0;content:" ";position:absolute}.article h3[data-v-3df0d8f4]{font-size:1em;line-height:1.2em;margin:.5em 0;color:#3e7c77;-webkit-line-clamp:2}.article h3[data-v-3df0d8f4],.article p[data-v-3df0d8f4]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.article p[data-v-3df0d8f4]{-webkit-line-clamp:3}.article time[data-v-3df0d8f4]{padding:0 10px;color:#ccc;font-size:.7em;font-weight:700;display:block;text-align:right}.article .cate[data-v-3df0d8f4]{position:absolute;left:-1vw;top:-1em;color:#fdd23d;font-weight:700;background-size:contain;background-position:50%;padding:.5em 2em;display:block;background-image:url(/img/parts/ribon.svg);z-index:1}@media screen and (max-width:768px){.article .cate[data-v-3df0d8f4]{left:-2vw}}.article[data-v-3df0d8f4]:hover{background:#585755;color:#fff}.article:hover img[data-v-3df0d8f4]{-webkit-transform:scale(1.05);transform:scale(1.05)}.article:hover figure[data-v-3df0d8f4]:before{opacity:0}.article:hover .category[data-v-3df0d8f4]{color:#fff}