:root{--color-brand-1:#ad7b4c;--color-brand-2:#deb591;--color-brand-3:#f6f2eb;--color-brand-4:#73b4d3;--color-brand-5:#f78181;--color-brand-6:#76491f;--color-black-1:#000;--color-black-2:#313032;--color-gray-1:#dbdbdb;--color-gray-2:#efefef;--color-gray-3:#7e7a7599;--color-white-1:#fff}::-moz-selection{background-color:var(--color-black-1);color:var(--color-gray-1)}::selection{background-color:var(--color-black-1);color:var(--color-gray-1)}.writer-card{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) .2s both;background-color:#fff;border-radius:0 0 0 10rem;display:flex;overflow:hidden}@media (max-width:1023.98px){.writer-card{border-radius:0}}.writer-card:hover img{transform:scale(1.1)}.writer-card:hover .writer-card__info>p,.writer-card:hover h3{opacity:.75}.writer-card:hover .writer-card__info-read>span{animation:icon .5s cubic-bezier(.25,.46,.45,.94) both}.writer-card figure{align-items:center;display:flex;height:auto;justify-content:center;overflow:hidden;position:relative;width:25%}.writer-card figure:before{content:"";display:block;padding-bottom:93.75%}@media (max-width:1023.98px){.writer-card figure{border-radius:0 0 6rem;height:auto;width:100%}.writer-card figure:before{content:"";display:block;padding-bottom:100%}}.writer-card figure>img{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;transition:transform .6s ease;width:100%}.writer-card__info{display:flex;flex-direction:column;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1.6rem;font-weight:400;height:auto;justify-content:space-between;line-height:1.6;padding:3.2rem 3.2rem 2.4rem;width:100%}@media (max-width:767.98px){.writer-card__info{padding:1.2rem}}.writer-card__info h3{color:#313032;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:2rem;font-weight:700;line-height:1.6;transition:opacity .6s ease}@media (max-width:1023.98px){.writer-card__info h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@media (max-width:767.98px){.writer-card__info h3{font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.4}}.writer-card__info>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#7f7b7699;overflow:hidden;transition:opacity .6s ease}@media (max-width:1023.98px){.writer-card__info>p{display:none}}.writer-card__info-inner{align-items:center;display:flex;justify-content:space-between}.writer-card__info-cate{align-items:center;color:#313032;display:flex;gap:4.8rem}@media (max-width:1023.98px){.writer-card__info-cate{align-items:flex-start;flex-direction:column;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1.2rem;font-weight:400;gap:.2rem;line-height:1.6}}.writer-card__info-cate>a{transition:all .3s}.writer-card__info-cate>a:hover{opacity:.7}.writer-card__info-cate>a:last-child:hover{color:#313032}.writer-card__info-name{color:#7f7b7699}.writer-card__info-read{align-items:center;color:#76491f;display:flex;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1.6rem;font-weight:700;gap:.4rem;line-height:1.6;overflow:hidden}@media (max-width:1023.98px){.writer-card__info-read{display:none}}.writer-card__info-read>span{font-size:2.4rem}