@import'mobile.css';@keyframes beat{0%,100%{transform:translateY(0%)}50%{transform:translateY(20%)}}@keyframes rotate{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}@keyframes zoom{0%,100%{transform:scale(100%)}50%{transform:scale(120%)}}html,body{min-width:0;min-height:0}.black-circle{display:flex;align-items:center;justify-content:center;width:var(--size);height:var(--size);min-width:var(--min-size);min-height:var(--min-size);border-radius:50%;overflow:hidden;--size: clamp(33.6px, 3.28125vw, 63px);color:#fff;background:#000;margin-right:clamp(10.6666666667px,1.0416666667vw,20px)}.detail-page-header{padding:clamp(2.5rem,-2.5rem + 7.8125vw,6.875rem) var(--s-px) 0}@media screen and (max-width: 980px){.detail-page-header{margin-top:var(--header-height)}}@media screen{.detail-page-header .wrap{display:grid;grid-template-columns:1fr 980px 1fr}}@media screen and (max-width: 980px){.detail-page-header .wrap{display:flex;flex-direction:column}}@media screen and (max-width: 980px){.detail-page-header .subtit{margin-top:10px}}.detail-page-header .title{font-size:clamp(1.75rem,-0.1785714286rem + 3.0133928571vw,3.4375rem);line-height:1.2}@media screen and (max-width: 980px){.detail-page-header .title{margin-top:10px}}.detail-page-header .tags{margin-top:14px}@media screen and (max-width: 980px){.detail-page-header .right-box{margin-top:20px}}.detail-page-header .back{display:flex;align-items:center}.detail-page-header .back .black-circle{margin-right:clamp(10.6666666667px,1.0416666667vw,20px)}.detail-page-header .infobox{border-top:1px dashed #d2d2d2;border-bottom:1px solid #1a1b1f;padding:clamp(13.3333333333px,1.3020833333vw,25px) 0;margin-top:clamp(16px,1.5625vw,30px)}@media screen and (min-width: 981px){.detail-page-header .infobox{display:grid;grid-template-columns:1fr 980px 1fr}}.detail-page-header .infobox .info{display:flex;align-items:center;font-size:clamp(0.75rem,0.3214285714rem + 0.6696428571vw,1.125rem);color:#3f3f3f;flex-wrap:wrap}@supports(gap: clamp(0.625rem, -12.9464285714rem + 21.2053571429vw, 12.5rem)){.detail-page-header .infobox .info{gap:clamp(0.625rem,-12.9464285714rem + 21.2053571429vw,12.5rem)}}@supports not (gap: clamp(0.625rem, -12.9464285714rem + 21.2053571429vw, 12.5rem)){.detail-page-header .infobox .info{margin-right:calc(0px - clamp(0.625rem,-12.9464285714rem + 21.2053571429vw,12.5rem));margin-bottom:calc(0px - clamp(0.625rem,-12.9464285714rem + 21.2053571429vw,12.5rem))}.detail-page-header .infobox .info>*{margin-right:clamp(0.625rem,-12.9464285714rem + 21.2053571429vw,12.5rem);margin-bottom:clamp(0.625rem,-12.9464285714rem + 21.2053571429vw,12.5rem)}}@media screen and (max-width: 980px){.detail-page-header .infobox .left-box{display:none}}.works-detail,.detail-page-content{padding:0 var(--s-px) clamp(85.3333333333px,8.3333333333vw,160px);margin-top:clamp(32px,3.125vw,60px);display:grid;grid-template-columns:1fr 980px 1fr}@media screen and (max-width: 1200px){.works-detail,.detail-page-content{grid-template-columns:auto auto}}.works-detail .share-box,.detail-page-content .share-box{display:flex;flex-direction:column;align-items:center;min-width:4em}@media screen and (max-width: 980px){.works-detail .share-box,.detail-page-content .share-box{display:none}}.detail-page-recommend{padding:clamp(21.3333333333px,2.0833333333vw,40px) var(--s-px)}.detail-page-recommend>.title{font-size:clamp(1.75rem,-0.1785714286rem + 3.0133928571vw,3.4375rem);line-height:1}