.topsect{width:100%;max-width:192rem;margin:10vh auto;position:relative}.topinfo{width:100%;margin:0 0 3rem 0}.toptype{font-size:2rem;line-height:1.5;color:#000}.toptitle{font-size:4.8rem;line-height:1.3;margin:2rem 0}body:lang(en-US) .toptitle{font-family:TTNP_Bold,sans-serif;font-weight:400}body:lang(zh-CN) .toptitle{font-weight:700}.toptagline{font-size:2.4rem;line-height:1.5;color:#858688;margin-bottom:2rem}body:lang(en-US) .toptagline{font-family:TTNP_Italic,sans-serif;font-weight:400}body:lang(zh-CN) .toptagline{font-weight:400;font-style:italic}.byline{margin:3rem 0;padding:3rem 0;border-top:1px solid #858688}.topauthor{font-size:1.3rem;line-height:1.5;color:#000;margin-bottom:.5rem}.toppub{font-size:1.3rem;line-height:1.5;color:#000}body:lang(en-US) .toppub{text-transform:uppercase}.topbanner{width:100%;padding:3rem 0 9rem 0}.topbanner img{width:100%;max-width:none}section{width:100%;max-width:192rem;margin:0 auto;padding-top:0;padding-right:calc((100vw - 168rem)/ 2);padding-left:calc((100vw - 168rem)/ 2);margin-top:14rem;position:relative;display:flex;flex-wrap:nowrap}.page-detail{width:56rem;padding-left:16rem}.detail-block{margin-bottom:4rem}.detail-title{font-family:TTNP_Bold,sans-serif;font-size:1.3rem;line-height:1.2;margin-bottom:1rem}body:lang(en-US) .detail-title{text-transform:uppercase;font-weight:400}body:lang(zh-CN) .detail-title{font-weight:700}.detail-text{font-size:1.6rem;line-height:1.5;color:#999}body:lang(en-US) .detail-text{text-transform:uppercase;font-weight:400}body:lang(zh-CN) .detail-text{font-weight:400}.prj-flex{display:flex;gap:1.2rem;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.prj-flex>.prj-4{width:41.1rem}.prj-4 picture{overflow:hidden;display:block;width:100%;height:41.1rem}.prj-4 img{display:block;height:100%;max-width:none;object-fit:cover}@media (hover:hover){.prj-4 img{filter:grayscale(100%)}.prj-4 a:hover img{filter:none;transform:scale(1.1)}}.sgap{padding:.8rem 0}article{width:112rem}h1.page-title{font-family:TTNP_Medium,sans-serif;font-size:6rem;line-height:1.2;margin-bottom:1rem}body:lang(en-US) h1.page-title{font-family:TTNP_Bold,sans-serif;text-transform:uppercase;font-weight:400}body:lang(zh-CN) h1.page-title{font-weight:700}.page-content h1{font-size:4.6rem;line-height:1.2}.page-content h2{font-size:4.2rem;line-height:1.25}.page-content h3{font-size:3.8rem;line-height:1.2}.page-content h5{font-size:2.8rem;line-height:1.3}.page-content h6{font-size:2.4rem;line-height:1.3}body:lang(en-US) .page-content h1,body:lang(en-US) .page-content h2,body:lang(en-US) .page-content h3,body:lang(en-US) .page-content h5,body:lang(en-US) .page-content h6{font-family:TTNP_Bold,sans-serif;font-weight:400}body:lang(zh-CN) .page-content h1,body:lang(zh-CN) .page-content h2,body:lang(zh-CN) .page-content h3,body:lang(zh-CN) .page-content h5,body:lang(zh-CN) .page-content h6{font-weight:700}.page-content h4{font-size:3.2rem;line-height:1.2;margin:6rem 0}body:lang(en-US) .page-content h4{font-family:TTNP_Bold,sans-serif;font-weight:400}body:lang(zh-CN) .page-content h4{font-weight:700}article picture{display:block}article picture img{display:block}.page-content{font-size:2.4rem;line-height:1.5}body:lang(zh-CN) .page-content{line-height:1.8}.page-content p{margin-bottom:6rem}.page-content ul{margin-bottom:3rem;margin-left:1rem}.page-content ol{margin-bottom:3rem;margin-left:2rem}.page-content li{margin-left:2rem}.page-content a{border-bottom:2px solid #000}body:lang(en-US) .page-content a{font-family:TTNP_Bold,sans-serif;font-weight:400}body:lang(zh-CN) .page-content a{font-weight:700}.page-content a u{text-decoration:none}.page-content a:hover{background:#000;color:#fff}.page-content figure{width:100%;margin:6rem 0 6rem 0}.page-content figure.extend-figure{width:168rem;margin-top:6rem;margin-bottom:6rem}.page-content figure img{display:block;width:100%}.page-content figcaption{font-size:1.2rem;line-height:1.2;color:#999;padding-top:1rem;text-align:right}.page-content blockquote{font-size:3.2rem;line-height:1.3;margin:8rem 0;padding:0;color:#999;text-align:right;border-left:none}body:lang(en-US) .page-content blockquote{font-family:TTNP_Italic,sans-serif}body:lang(zh-CN) .page-content blockquote{font-style:italic}.pubdate{font-size:1.3rem;line-height:1.5;color:#999;margin-top:10rem}.topborder{max-width:168rem;margin:0 auto;border-top:1px solid #b9b9b9}.related{position:relative;width:100%;max-width:192rem;margin:0 auto;padding-top:0;padding-right:calc((100vw - 168rem)/ 2);padding-left:calc((100vw - 168rem)/ 2);margin-top:6vw;margin-top:3rem;margin-bottom:10rem}.related h6{font-size:2rem;line-height:1;margin-bottom:3rem;color:#858688}body:lang(en-US) .related h6{font-family:TTNP_Medium,sans-serif;font-weight:400}body:lang(zh-CN) .related h6{font-weight:400}.update-tag{font-size:1.6rem;line-height:1.3;padding-top:1rem;color:#999}.tagdiv{margin-bottom:7.5rem}.tagsocial img{width:2.6rem;margin-right:1.6rem;filter:invert(100%)}.detail-sub{font-size:1.4rem;line-height:1.5;margin-bottom:2rem;color:#858688}body:lang(en-US) .detail-sub{font-family:TTNP_Bold,sans-serif;font-weight:400}.detail-tag{font-size:1.6rem;line-height:1.5;background:#000;color:#fff;padding:.4rem 1.2rem .6rem 1.2rem;font-weight:700;margin-right:1.2rem;margin-bottom:1.2rem;display:inline-block}body:lang(en-US) .detail-tag{font-family:TTNP_Medium,sans-serif;font-weight:400}.side-div{display:flex;flex-direction:row;flex-wrap:nowrap;margin-bottom:2rem}.side-div picture{width:9.2rem;height:9.2rem;overflow:hidden}.side-div img{display:block;height:100%;max-width:none}@media (hover:hover){.side-div img{filter:grayscale(100%)}.side-div:hover img{filter:none;transform:scale(1.1)}}.side-detail{padding-left:2.4rem;width:calc(100% - 9.2rem)}.side-title{font-size:1.6rem;line-height:1.2;font-weight:700;margin-bottom:1rem}body:lang(en-US) .side-title{font-family:TTNP_Medium,sans-serif;font-weight:400}.side-pub{font-size:1.6rem;line-height:1.2;color:#999}.rec-title{font-family:TTNP_Bold,sans-serif;font-size:2rem;line-height:1.2;padding-top:1.5rem}body:lang(zh-CN) .rec-title{font-weight:700}.containerx{position:relative;width:100%;overflow:hidden;padding-top:56.25%;margin:6rem 0}.containerx iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border:none}.rowimg{display:flex;gap:1.2rem;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;margin:6rem 0}.page-content .secthalf{width:50%}.page-content .texthalf{width:50%}.rowimg figure{margin:0;opacity:1!important;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.rowimg .texthalf{margin:0}@media (max-width:768px){.rowimg{gap:0;flex-direction:column;flex-wrap:wrap;margin:0 0 2rem 0}.page-content .secthalf{width:100%}div.secthalf{display:none}.page-content .texthalf{width:100%}}@media (min-width:1921px){section{padding:0 12rem;margin-top:12rem}.related{padding:0 12rem}}@media (max-width:1680px){section{padding:0 4.2rem}.page-detail{width:calc(100vw - var(--scrollbar-width) - 65vw - 8.4rem);padding-left:4.2vw}.related{padding:0 4.2rem}.prj-flex>.prj-4{width:calc((100vw - var(--scrollbar-width) - 8.2rem - 1.3rem * 3)/ 4)}.prj-4 picture{height:calc((100vw - var(--scrollbar-width) - 8.2rem - 1.3rem * 3)/ 4)}.topborder{margin:0 4.2rem}article{width:65vw}.page-content figure.extend-figure{width:calc(100vw - var(--scrollbar-width) - 8.2rem);margin-right:0}}@media (max-width:1366px){h1.page-title{font-size:5rem;line-height:1.2}.page-content h4{font-size:3.2rem;line-height:1.2}.page-content p{margin-bottom:6rem}.side-title{font-size:1.5rem;line-height:1.2}.rec-title{font-size:1.6rem;line-height:1.2}.update-tag{font-size:1.5rem;line-height:1.2}}@media (max-width:1280px){h1.page-title{font-size:4rem;line-height:1.2}.topbanner{padding:2rem 0}.toptagline{line-height:1.3}section{padding:0 4.2rem;margin-top:11rem;position:relative}.page-content p{margin-bottom:6rem}.page-content h4{font-size:3.2rem;line-height:1.2;margin:3rem 0}.page-content figure{margin:6rem 0 6rem 0}}@media (max-width:1024px){section{display:block}.toptype{font-size:1.6rem;line-height:1.5}.toptitle{font-size:3.2rem;line-height:1.2;margin:2rem 0}.toptagline{font-size:2rem;line-height:1.2;margin-bottom:1.5rem}.page-detail{position:relative;top:0;left:0;width:100%;margin-bottom:6rem}article{width:100%;margin-left:0;padding-right:0}.topsect{margin-top:4rem auto}.page-detail{margin-top:5rem;margin-bottom:4rem;padding-left:0}.tagdiv{margin-bottom:4rem}.related{display:none}.page-content{font-size:1.6rem;line-height:1.5}body:lang(zh-CN) .page-content{line-height:1.8}.page-content h4{font-size:2.4rem;line-height:1.5}.page-content p{margin-bottom:2rem}.page-content figure{margin:3rem 0 3rem 0}.containerx{margin:3rem 0}.detail-tag{font-size:1.4rem;line-height:1.4;padding:.2rem 1rem .5rem 1rem;margin-right:.6rem;margin-bottom:.8rem}.side-title{font-size:1.3rem;line-height:1.2}.side-pub{font-size:1.3rem;line-height:1.2}.related h6{margin-bottom:3rem}.rec-title{font-size:1.4rem;line-height:1.2}.update-tag{font-size:1.4rem;line-height:1.2}.side-div picture{width:10rem;height:10rem}.side-detail{padding-left:1rem;width:calc(100% - 10rem)}.featdiv{display:flex;gap:2.4rem 1.6rem;flex-wrap:wrap}.featdiv a{width:48%;flex-shrink:1}.side-div{margin-bottom:0}}@media (max-width:768px){section{padding:0 1.6rem;margin-top:8rem}.topsect{margin-bottom:2rem}.topinfo{margin:5rem auto;margin-bottom:1rem}.byline{margin-bottom:1rem}.page-content figure.extend-figure{margin-left:0;width:100%;padding:0}}@media (max-width:480px){.toptitle{font-size:2.4rem;line-height:1.2;margin-bottom:1.5rem}.toptagline{font-size:1.6rem;line-height:1.2;margin-bottom:1.5rem}.topsect{margin-top:1rem}.topinfo{margin:4rem 0 0 0;padding:0}section{margin-top:2rem}.page-content p{margin-bottom:2rem}.page-content figure{margin:0 0 3rem 0}.page-content h4{font-size:2rem;line-height:1.5;margin:2rem 0}.featdiv a{width:100%}.featdiv{gap:1.6rem}.detail-tag{font-size:1.3rem;line-height:1.2;padding:.2rem 1rem;margin-right:.4rem}}