:root{--fontsize-base:72;font-size:calc(var(--fontsize-base)/720*100vw)}.detect_deviece_desktop,.detect_deviece_pc{--fontsize-base:192;font-size:calc(var(--fontsize-base)/1920*100vw)}.detect_deviece_mobile{--fontsize-base:72;font-size:calc(var(--fontsize-base)/720*100vw)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpReveal{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes drawLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.reveal-stat{opacity:0;position:relative}.reveal-stat.is-visible{animation:slideUpReveal 1.2s cubic-bezier(.16,1,.3,1) forwards}.reveal-stat.is-visible:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:#000;transform-origin:left;animation:drawLine 1.5s cubic-bezier(.16,1,.3,1) forwards}.reveal-stat.delay-1.is-visible,.reveal-stat.delay-1.is-visible:before{animation-delay:.2s}.reveal-stat .stat-num{opacity:0;transform:translateY(20px)}.reveal-stat .stat-label{opacity:0}.reveal-stat.is-visible .stat-num{animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) .4s forwards}.reveal-stat.is-visible .stat-label{animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) .6s forwards}.reveal-work{opacity:0;transform:scale(.95)}.reveal-work.is-visible{animation:scaleUp 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}body{margin:0;padding:0;background-color:#fff;color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}*{box-sizing:border-box;outline:none}a{color:inherit;cursor:pointer}.stink-h1{font-size:calc(80/var(--fontsize-base)*1rem);line-height:.9;letter-spacing:calc(-2/var(--fontsize-base)*1rem)}.stink-h1,.stink-h2{font-weight:700;margin:0}.stink-h2{font-size:calc(48/var(--fontsize-base)*1rem);line-height:1.1;letter-spacing:calc(-1/var(--fontsize-base)*1rem)}.stink-h3{font-size:calc(24/var(--fontsize-base)*1rem);font-weight:700;line-height:1.2;margin:0}.stink-p{font-size:calc(18/var(--fontsize-base)*1rem);font-weight:400;line-height:1.5;margin:0}.stink-label{font-size:calc(12/var(--fontsize-base)*1rem);font-weight:700;text-transform:uppercase;letter-spacing:calc(1/var(--fontsize-base)*1rem);margin:0}.stink-container{width:100%;padding:0 calc(40/var(--fontsize-base)*1rem)}.stink-section{padding:calc(120/var(--fontsize-base)*1rem) 0}.stink-header{position:fixed;top:0;left:0;width:100%;height:calc(60/var(--fontsize-base)*1rem);display:flex;justify-content:space-between;align-items:flex-start;padding:calc(20/var(--fontsize-base)*1rem) calc(40/var(--fontsize-base)*1rem) 0;z-index:100;background-color:transparent;color:#fff;border-bottom:none}.stink-header a,.stink-header button{pointer-events:auto}.stink-header .logo{height:calc(24/var(--fontsize-base)*1rem);display:flex;align-items:center;gap:calc(10/var(--fontsize-base)*1rem);z-index:101}.stink-header .logo img{height:100%;width:auto;display:block;filter:invert(1)}.stink-header .logo .logo-text{font-size:calc(18/var(--fontsize-base)*1rem);font-weight:700;letter-spacing:calc(1/var(--fontsize-base)*1rem);color:#fff}.stink-hero{margin-top:0;height:100vh;width:100%;position:relative;display:flex;align-items:flex-end;background-color:#050505;color:#fff;overflow:hidden}.stink-hero #hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.stink-hero .hero-content{position:relative;z-index:2;max-width:calc(1400/var(--fontsize-base)*1rem)}.stink-work-grid{display:grid;grid-template-columns:1fr;gap:calc(20/var(--fontsize-base)*1rem);padding:calc(20/var(--fontsize-base)*1rem);background:#000}@media(min-width:768px){.stink-work-grid{grid-template-columns:repeat(2,1fr)}}.stink-work-grid .work-item{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111;cursor:pointer}@media(min-width:768px){.stink-work-grid .work-item{aspect-ratio:4/5}}.stink-work-grid .work-item.large{grid-column:1/-1;aspect-ratio:16/9}.stink-work-grid .work-item img,.stink-work-grid .work-item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.25,1,.5,1)}.stink-work-grid .work-item .work-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0;transition:opacity .4s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(40/var(--fontsize-base)*1rem);color:#fff}.stink-work-grid .work-item:hover img,.stink-work-grid .work-item:hover video{transform:scale(1.05)}.stink-work-grid .work-item:hover .work-overlay{opacity:1}.stink-footer{background:#000;color:#fff;padding:calc(120/var(--fontsize-base)*1rem) calc(40/var(--fontsize-base)*1rem) calc(40/var(--fontsize-base)*1rem)}.stink-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid hsla(0,0%,100%,.2);padding-top:calc(40/var(--fontsize-base)*1rem);font-size:calc(14/var(--fontsize-base)*1rem);font-weight:700;text-transform:uppercase;letter-spacing:calc(1/var(--fontsize-base)*1rem);color:#888}.stink-footer .footer-bottom .footer-left{display:flex;align-items:center;gap:calc(40/var(--fontsize-base)*1rem)}.stink-footer .footer-bottom .footer-links-simple{display:flex;gap:calc(30/var(--fontsize-base)*1rem)}.stink-footer .footer-bottom .footer-links-simple a{color:#888;transition:color .3s ease}.stink-footer .footer-bottom .footer-links-simple a:hover{color:#fff}.home{background:#fff;background-size:100% 100%;min-height:100vh}.top-banner{height:calc(1000/var(--fontsize-base)*1rem - 96/var(--fontsize-base)*1rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-bottom:calc(130/var(--fontsize-base)*1rem);position:relative;padding-left:calc(100/var(--fontsize-base)*1rem)}.top-banner:after{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:url(../img/bg.65f98c60.png) no-repeat 100%;background-size:cover;opacity:.1;pointer-events:none;z-index:0}.banner-title{color:#000;text-align:left;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:calc(110/var(--fontsize-base)*1rem);font-style:normal;font-weight:700;line-height:1.05;margin-bottom:calc(30/var(--fontsize-base)*1rem);letter-spacing:calc(-3/var(--fontsize-base)*1rem);z-index:1;max-width:calc(800/var(--fontsize-base)*1rem)}.banner-title span{display:block;color:#555}.banner-sub-title{color:#555;text-align:left;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:calc(28/var(--fontsize-base)*1rem);font-style:normal;font-weight:400;line-height:1.5;margin-bottom:calc(80/var(--fontsize-base)*1rem);z-index:1;max-width:calc(600/var(--fontsize-base)*1rem)}.banner-btn-row{display:flex;align-items:center;justify-content:flex-start;gap:calc(30/var(--fontsize-base)*1rem);z-index:1}.banner-btn-row .banner-btn-item{padding:calc(25/var(--fontsize-base)*1rem) calc(60/var(--fontsize-base)*1rem);border-radius:0;border:1px solid #000;background:transparent;color:#000;text-align:center;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:calc(22/var(--fontsize-base)*1rem);font-style:normal;font-weight:700;line-height:normal;display:inline-flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:calc(2/var(--fontsize-base)*1rem)}.banner-btn-row .banner-btn-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;transform:scaleY(0);transform-origin:bottom;transition:transform .5s cubic-bezier(.25,1,.5,1);z-index:-1}.banner-btn-row .banner-btn-item:hover{color:#fff}.banner-btn-row .banner-btn-item:hover:before{transform:scaleY(1);transform-origin:top}.banner-btn-row .banner-btn-item.active{background:#000;color:#fff}.banner-btn-row .banner-btn-item.active:before{background:#fff}.banner-btn-row .banner-btn-item.active:hover{color:#000;border-color:#e0e0e0}.building-intro-container{padding-top:calc(120/var(--fontsize-base)*1rem);padding-bottom:calc(200/var(--fontsize-base)*1rem)}.building-title{color:#000;text-align:left;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:calc(60/var(--fontsize-base)*1rem);font-style:normal;font-weight:700;line-height:1.1;margin-bottom:calc(80/var(--fontsize-base)*1rem);letter-spacing:calc(-1/var(--fontsize-base)*1rem)}.building-title span{color:#555}.coding-row{width:100%;margin-bottom:calc(150/var(--fontsize-base)*1rem)}.coding-row .coding-inner{width:100%;background:#f5f5f5;border-radius:0;padding:calc(80/var(--fontsize-base)*1rem) calc(60/var(--fontsize-base)*1rem);position:relative;overflow:hidden;transition:transform .8s cubic-bezier(.25,1,.5,1)}.coding-row .coding-inner:hover{transform:scale(.98)}.coding-row pre{color:#000;width:-moz-fit-content;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;white-space:pre-wrap!important;font-size:calc(20/var(--fontsize-base)*1rem);font-style:normal;height:-moz-fit-content;height:fit-content;width:fit-content;margin:0;font-weight:400;line-height:1.8}.build-ai-intro-row{display:flex;gap:calc(60/var(--fontsize-base)*1rem);flex-wrap:wrap;margin-bottom:calc(150/var(--fontsize-base)*1rem)}.build-ai-intro-row .build-ai-intro-item{flex:0 0 calc(50% - 60/var(--fontsize-base)*1rem/2);box-sizing:border-box;border-radius:0;border:none;border-top:2px solid #000;background:transparent;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;padding:calc(40/var(--fontsize-base)*1rem) 0;gap:calc(20/var(--fontsize-base)*1rem);transition:opacity .5s ease}.build-ai-intro-row .build-ai-intro-item:hover{opacity:.7}.build-ai-intro-row .build-ai-intro-item:hover .build-ai-intro-img{transform:scale(.9) rotate(-10deg)}.build-ai-intro-row .build-ai-intro-img{width:calc(80/var(--fontsize-base)*1rem);height:calc(80/var(--fontsize-base)*1rem);margin-bottom:calc(20/var(--fontsize-base)*1rem);transition:transform .6s cubic-bezier(.25,1,.5,1)}.build-ai-intro-row .build-ai-intro-title{color:#000;font-size:calc(36/var(--fontsize-base)*1rem);font-weight:700;line-height:1.2;letter-spacing:calc(-1/var(--fontsize-base)*1rem)}.build-ai-intro-row .build-ai-intro-content,.build-ai-intro-row .build-ai-intro-title{text-align:left;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal}.build-ai-intro-row .build-ai-intro-content{color:#555;font-size:calc(22/var(--fontsize-base)*1rem);font-weight:400;line-height:1.6}.product-row{display:flex;gap:calc(40/var(--fontsize-base)*1rem);flex-wrap:wrap}.product-row .product-item{flex:0 0 calc(50% - 40/var(--fontsize-base)*1rem/2);box-sizing:border-box;min-height:calc(760/var(--fontsize-base)*1rem);border-radius:0;border:none;background:#f5f5f5;position:relative;overflow:hidden;transition:background-color .5s ease}.product-row .product-item:hover{background:#eaeaea}.product-row .product-item:hover .product-icon{transform:scale(1.1) translate(10%,-10%)}.product-row .product-icon{width:calc(300/var(--fontsize-base)*1rem);height:calc(300/var(--fontsize-base)*1rem);position:absolute;right:calc(-40/var(--fontsize-base)*1rem);top:calc(-40/var(--fontsize-base)*1rem);opacity:.05;transition:transform .8s cubic-bezier(.25,1,.5,1)}.product-row .product-icon.product{background:url(../img/p-icon.ec4663a8.png) no-repeat;background-size:100%}.product-row .product-icon.service{background:url(../img/s-icon.a219a2af.png) no-repeat;background-size:100%}.product-row .product-title{background:transparent;border-bottom:2px solid #000;height:auto;padding:calc(60/var(--fontsize-base)*1rem) calc(50/var(--fontsize-base)*1rem) calc(40/var(--fontsize-base)*1rem);color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:calc(40/var(--fontsize-base)*1rem);font-style:normal;font-weight:700;line-height:1.1;position:relative;z-index:2;letter-spacing:calc(-1/var(--fontsize-base)*1rem)}.product-row .product-item-content{padding:calc(20/var(--fontsize-base)*1rem) calc(50/var(--fontsize-base)*1rem) calc(60/var(--fontsize-base)*1rem);position:relative;z-index:2}.product-row .model-item{display:flex;flex-direction:column;align-items:flex-start;gap:calc(15/var(--fontsize-base)*1rem);padding:calc(40/var(--fontsize-base)*1rem) 0;border-bottom:1px solid #e0e0e0;justify-content:center}.product-row .model-item:last-child{border-bottom:none}.product-row .model-item .model-name{color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:calc(28/var(--fontsize-base)*1rem);font-style:normal;font-weight:700;line-height:normal;position:relative}.product-row .model-item .model-description{background:transparent;border:none;padding:0;color:#555;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:calc(20/var(--fontsize-base)*1rem);font-style:normal;font-weight:400;line-height:1.5}.detect_deviece_mobile .top-banner{padding-left:calc(40/var(--fontsize-base)*1rem);padding-right:calc(40/var(--fontsize-base)*1rem)}.detect_deviece_mobile .banner-title{font-size:calc(80/var(--fontsize-base)*1rem)}.detect_deviece_mobile .coding-row pre{font-size:calc(16/var(--fontsize-base)*1rem)}.detect_deviece_mobile .build-ai-intro-row{flex-direction:column;gap:calc(80/var(--fontsize-base)*1rem)}.detect_deviece_mobile .product-row{flex-direction:column}.common-content-head{color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:calc(40/var(--fontsize-base)*1rem);font-weight:700;margin-bottom:calc(40/var(--fontsize-base)*1rem);letter-spacing:calc(-1/var(--fontsize-base)*1rem)}.common-content-head,.common-content-head span{font-style:normal;line-height:normal;display:flex;align-items:center}.common-content-head span{color:#fff;font-family:SFMono-Regular,Consolas,monospace;font-size:calc(20/var(--fontsize-base)*1rem);font-weight:400;width:calc(50/var(--fontsize-base)*1rem);height:calc(50/var(--fontsize-base)*1rem);background:#000;margin-right:calc(20/var(--fontsize-base)*1rem);justify-content:center;border-radius:0}.common-content-row{color:#555;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:calc(24/var(--fontsize-base)*1rem);font-style:normal;font-weight:400;line-height:1.8;margin-bottom:calc(60/var(--fontsize-base)*1rem)}.common-content-row li{list-style:disc;margin-left:calc(40/var(--fontsize-base)*1rem);margin-bottom:calc(15/var(--fontsize-base)*1rem)}.common-content-row strong,b{color:#000;font-weight:700}#blog-content,#disclamimer-content,#privacy-content,#terms-content{background:transparent;border:none;border-top:2px solid #000;border-radius:0;box-shadow:none;margin-top:calc(50/var(--fontsize-base)*1rem);margin-bottom:calc(100/var(--fontsize-base)*1rem)}.detect_deviece_desktop #blog-content,.detect_deviece_desktop #disclamimer-content,.detect_deviece_desktop #privacy-content,.detect_deviece_desktop #terms-content,.detect_deviece_pc #blog-content,.detect_deviece_pc #disclamimer-content,.detect_deviece_pc #privacy-content,.detect_deviece_pc #terms-content{padding:calc(80/var(--fontsize-base)*1rem) 0;max-width:calc(900/var(--fontsize-base)*1rem);margin-left:auto;margin-right:auto}.detect_deviece_mobile #blog-content,.detect_deviece_mobile #disclamimer-content,.detect_deviece_mobile #privacy-content,.detect_deviece_mobile #terms-content{padding:calc(40/var(--fontsize-base)*1rem) calc(30/var(--fontsize-base)*1rem) calc(60/var(--fontsize-base)*1rem)}.library-container{padding-bottom:calc(100/var(--fontsize-base)*1rem)}.site-title{color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:calc(80/var(--fontsize-base)*1rem);font-weight:700;text-align:left;text-transform:none;letter-spacing:calc(-2/var(--fontsize-base)*1rem);border-bottom:2px solid #000;padding-bottom:calc(40/var(--fontsize-base)*1rem);margin-bottom:calc(60/var(--fontsize-base)*1rem)}.library-tag-row{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:calc(15/var(--fontsize-base)*1rem);margin-bottom:calc(80/var(--fontsize-base)*1rem)}.library-tag-item{padding:calc(12/var(--fontsize-base)*1rem) calc(30/var(--fontsize-base)*1rem);border-radius:0;border:1px solid #e0e0e0;color:#555;font-family:SFMono-Regular,Consolas,monospace;font-size:calc(16/var(--fontsize-base)*1rem);font-weight:400;cursor:pointer;transition:all .4s cubic-bezier(.25,1,.5,1);text-transform:uppercase}.library-tag-item:hover{background:#f5f5f5;color:#000;border-color:#000}.library-tag-item.active{background:#000;border-color:#000;color:#fff}.library-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(350/var(--fontsize-base)*1rem),1fr));gap:calc(60/var(--fontsize-base)*1rem) calc(40/var(--fontsize-base)*1rem)}.library-item{background:transparent;border-radius:0;padding:0;border:none;transition:transform .6s cubic-bezier(.25,1,.5,1)}.library-item:hover{transform:translateY(calc(-10/var(--fontsize-base)*1rem))}.library-item:hover .library-item-img{transform:scale(1.02)}.library-item:hover .library-item-title{color:#555}.library-item-img-row{position:relative;border-radius:0;overflow:hidden;margin-bottom:calc(30/var(--fontsize-base)*1rem);aspect-ratio:3/4;background:#f5f5f5}.library-item-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .8s cubic-bezier(.25,1,.5,1)}.library-item-img-shadow{display:none}.library-item-info-stars-row{position:absolute;top:calc(20/var(--fontsize-base)*1rem);left:calc(20/var(--fontsize-base)*1rem);z-index:2;display:flex;align-items:center;gap:calc(8/var(--fontsize-base)*1rem);color:#000;font-family:SFMono-Regular,Consolas,monospace;font-size:calc(16/var(--fontsize-base)*1rem);font-weight:400;background:#fff;padding:calc(8/var(--fontsize-base)*1rem) calc(15/var(--fontsize-base)*1rem);border-radius:0}.library-item-info-stars-row img{width:calc(16/var(--fontsize-base)*1rem);height:calc(16/var(--fontsize-base)*1rem);filter:none}.library-item-title{color:#000;font-size:calc(32/var(--fontsize-base)*1rem);font-weight:700;margin-bottom:calc(15/var(--fontsize-base)*1rem);line-height:1.2;letter-spacing:calc(-1/var(--fontsize-base)*1rem);transition:color .4s ease}.library-item-autor,.library-item-title{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.library-item-autor{color:#555;font-size:calc(20/var(--fontsize-base)*1rem);margin-bottom:calc(20/var(--fontsize-base)*1rem)}.library-item-type{display:flex}.library-type{background:transparent;border:1px solid #e0e0e0;color:#555;padding:calc(5/var(--fontsize-base)*1rem) calc(15/var(--fontsize-base)*1rem);border-radius:0;font-size:calc(14/var(--fontsize-base)*1rem);font-family:SFMono-Regular,Consolas,monospace;text-transform:uppercase}html{touch-action:manipulation}img{border:0;display:block;width:100%}a,b,body,dd,div,dl,dt,h1,h2,h3,h4,h5,html,i,img,input,li,ol,p,span,textarea,ul{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box}a{text-decoration:none;color:#000}dl,ol,ul{list-style:none}button,input,textarea{border:0;-webkit-appearance:none}b,h1,h2,h3,h4,h5{font-weight:400}i{font-style:normal}div,input,textarea{-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;-webkit-overflow-scrolling:touch}.text-right{text-align:right}.text-center{text-align:center}.text-left{text-align:left}.flex-center{display:flex;align-items:center;justify-content:center}.ads-item .ads-borded{border-bottom:1px solid #c6c6c6;min-height:calc(340/var(--fontsize-base)*1rem);height:-moz-fit-content;height:fit-content;margin:calc(20/var(--fontsize-base)*1rem) 0}.ads-item .ads-borded-title{color:#999;font-family:Roboto;font-size:calc(18/var(--fontsize-base)*1rem);font-style:normal;font-weight:500;line-height:normal;display:flex;align-items:center;text-align:center;color:#bdbdbd;margin:calc(20/var(--fontsize-base)*1rem) 0}.ads-item .ads-borded-title:after,.ads-item .ads-borded-title:before{content:"";flex:1;border-bottom:1px solid #c6c6c6}.ads-item .ads-borded-title:before{margin-right:calc(15/var(--fontsize-base)*1rem)}.ads-item .ads-borded-title:after{margin-left:calc(15/var(--fontsize-base)*1rem)}.ad-inside-masonry{background:#f0f0f0;border-radius:calc(20/var(--fontsize-base)*1rem);margin:0 0 calc(20/var(--fontsize-base)*1rem) calc(20/var(--fontsize-base)*1rem);display:block;flex:1 1 calc(200/var(--fontsize-base)*1rem);position:relative;cursor:pointer}.admasonry-item{width:100%!important;overflow:hidden}.detect_deviece_desktop .ad-full-screen-row,.detect_deviece_pc .ad-full-screen-row{position:absolute;bottom:calc(40/var(--fontsize-base)*1rem);width:calc(var(--set-workplace-width)/var(--fontsize-base)*1rem);left:0;right:0;margin:auto}.detect_deviece_desktop .ad-width-100,.detect_deviece_pc .ad-width-100{width:100%}.detect_deviece_mobile .ad-full-screen-row,.detect_deviece_mobile .ad-width-100{width:calc(var(--set-workplace-width)/var(--fontsize-base)*1rem - 60/var(--fontsize-base)*1rem);margin:auto}.detect_deviece_mobile .ad-full-screen-row{position:absolute;bottom:calc(40/var(--fontsize-base)*1rem);left:0;right:0}.book-reading-nav{height:calc(100/var(--fontsize-base)*1rem);padding:0 calc(40/var(--fontsize-base)*1rem);display:flex;align-items:center;justify-content:space-between;background:transparent;position:relative;z-index:5;border-bottom:2px solid #000}.book-reading-nav .book-reading-nav-item{color:#555;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:calc(20/var(--fontsize-base)*1rem);font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;letter-spacing:calc(1/var(--fontsize-base)*1rem);transition:color .4s ease}.book-reading-nav .book-reading-nav-item:hover{color:#000}.book-reading-nav .contents{display:flex;justify-content:flex-start;gap:calc(20/var(--fontsize-base)*1rem);align-items:center}.book-reading-nav .contents img{width:calc(20/var(--fontsize-base)*1rem);height:calc(12/var(--fontsize-base)*1rem);filter:none;transition:transform .4s cubic-bezier(.25,1,.5,1)}.book-reading-nav .contents img.flip{transform:rotate(180deg)}.book-reading-nav .goback{justify-content:flex-end;display:flex;gap:calc(15/var(--fontsize-base)*1rem);align-items:center}.book-reading-nav .goback img{width:calc(30/var(--fontsize-base)*1rem);filter:none}.contents-menu{position:absolute;top:calc(96/var(--fontsize-base)*1rem + 100/var(--fontsize-base)*1rem);left:0;background:#fff;border-right:2px solid #000;z-index:10;width:calc(400/var(--fontsize-base)*1rem);height:100%;padding:calc(40/var(--fontsize-base)*1rem) calc(20/var(--fontsize-base)*1rem);transition:transform .6s cubic-bezier(.25,1,.5,1)}.contents-menu ul{list-style:none;padding:0;margin:0}.contents-menu li{padding:calc(25/var(--fontsize-base)*1rem) calc(20/var(--fontsize-base)*1rem);min-width:100%;height:auto;border-radius:0;border-bottom:1px solid #e0e0e0;color:#555;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:calc(24/var(--fontsize-base)*1rem);font-style:normal;font-weight:400;line-height:1.4;margin-bottom:0;transition:all .4s cubic-bezier(.25,1,.5,1)}.contents-menu li:hover{background:#f5f5f5;color:#000;padding-left:calc(30/var(--fontsize-base)*1rem)}.contents-menu li.active{background:#000;color:#fff;border-color:#000}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:4;transition:opacity .5s ease}.wings-choice-row{height:calc(100/var(--fontsize-base)*1rem);display:flex;align-items:center;padding:0 calc(30/var(--fontsize-base)*1rem);justify-content:space-between;color:#555;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:calc(30/var(--fontsize-base)*1rem);font-style:normal;font-weight:500;line-height:normal;margin-bottom:calc(10/var(--fontsize-base)*1rem)}.book-reading-content-row{font-size:calc(28/var(--fontsize-base)*1rem);font-weight:400;line-height:1.8;padding:0 calc(60/var(--fontsize-base)*1rem);max-width:calc(1000/var(--fontsize-base)*1rem);margin:0 auto}.book-reading-content-row,.book-reading-content-row .chapter-name{color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal}.book-reading-content-row .chapter-name{font-size:calc(60/var(--fontsize-base)*1rem);font-weight:700;line-height:1.1;margin-bottom:calc(60/var(--fontsize-base)*1rem);margin-top:calc(40/var(--fontsize-base)*1rem);letter-spacing:calc(-1/var(--fontsize-base)*1rem);border-bottom:2px solid #000;padding-bottom:calc(30/var(--fontsize-base)*1rem)}.book-reading-content-row .chapter-content{color:#555;line-height:2;margin-bottom:calc(40/var(--fontsize-base)*1rem)}.book-reading-content-row .chapter-content br{content:"";display:block;margin-bottom:calc(20/var(--fontsize-base)*1rem)}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .5s cubic-bezier(.25,1,.5,1)}.slide-fade-enter,.slide-fade-leave-to{opacity:0;transform:translateX(-100%)}.detail-recommand-banner-row{width:calc(400/var(--fontsize-base)*1rem);height:calc(600/var(--fontsize-base)*1rem);flex-shrink:0;border-radius:0;overflow:hidden;position:relative;margin-bottom:calc(60/var(--fontsize-base)*1rem);box-shadow:0 calc(20/var(--fontsize-base)*1rem) calc(40/var(--fontsize-base)*1rem) rgba(0,0,0,.1)}.detail-recommand-banner-row .detail-recommand-banner-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.detail-recommand-banner-row .detail-recommand-banner-shadow{display:none}.detail-recomannd-banner-rate-info-row{display:flex;align-items:center;justify-content:space-between;padding:calc(20/var(--fontsize-base)*1rem);position:absolute;top:0;left:0;width:100%}.detail-recomannd-banner-rate-info-tag-item{width:-moz-fit-content;width:fit-content;height:auto;font-size:calc(14/var(--fontsize-base)*1rem);text-align:center;flex-shrink:0;border-radius:0;text-transform:uppercase}.detail-recomannd-banner-rate-info-tag-item,.recomannd-banner-rate-info-stars-row{padding:calc(5/var(--fontsize-base)*1rem) calc(15/var(--fontsize-base)*1rem);color:#fff;font-family:SFMono-Regular,Consolas,monospace;font-style:normal;font-weight:400;line-height:normal;background:#000}.recomannd-banner-rate-info-stars-row{display:flex;align-items:center;justify-content:flex-end;gap:calc(8/var(--fontsize-base)*1rem);font-size:calc(16/var(--fontsize-base)*1rem)}.recomannd-banner-rate-info-stars-row img{width:calc(16/var(--fontsize-base)*1rem);height:calc(16/var(--fontsize-base)*1rem);filter:none}.detail-recommand-title{color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:calc(60/var(--fontsize-base)*1rem);font-style:normal;font-weight:700;line-height:1.1;text-align:center;letter-spacing:calc(-2/var(--fontsize-base)*1rem);margin-bottom:calc(20/var(--fontsize-base)*1rem);max-width:calc(800/var(--fontsize-base)*1rem)}.detail-recommand-author{font-family:SFMono-Regular,Consolas,monospace;font-size:calc(18/var(--fontsize-base)*1rem);line-height:normal;margin-bottom:calc(40/var(--fontsize-base)*1rem);text-transform:uppercase;letter-spacing:calc(1/var(--fontsize-base)*1rem)}.detail-recommand-author,.detail-recommand-content{color:#555;font-style:normal;font-weight:400;text-align:center}.detail-recommand-content{font-size:calc(24/var(--fontsize-base)*1rem);line-height:1.6;margin-bottom:calc(60/var(--fontsize-base)*1rem);max-width:calc(800/var(--fontsize-base)*1rem)}.detail-recommand-btn,.detail-recommand-content{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.detail-recommand-btn{border-radius:0;background:#000;border:1px solid #000;width:auto;padding:0 calc(60/var(--fontsize-base)*1rem);height:calc(80/var(--fontsize-base)*1rem);flex-shrink:0;color:#fff;text-align:center;font-size:calc(22/var(--fontsize-base)*1rem);font-style:normal;font-weight:700;line-height:normal;display:inline-flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.25,1,.5,1);text-transform:uppercase;letter-spacing:calc(2/var(--fontsize-base)*1rem);position:relative;overflow:hidden}.detail-recommand-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transform:scaleY(0);transform-origin:bottom;transition:transform .5s cubic-bezier(.25,1,.5,1);z-index:1}.detail-recommand-btn span{position:relative;z-index:2}.detail-recommand-btn:hover{color:#000}.detail-recommand-btn:hover:before{transform:scaleY(1);transform-origin:top}.nxt-page-btn{margin-top:calc(120/var(--fontsize-base)*1rem);color:#000;font-family:SFMono-Regular,Consolas,monospace;font-size:calc(18/var(--fontsize-base)*1rem);font-style:normal;font-weight:400;line-height:normal;display:flex;align-items:center;justify-content:center;gap:calc(15/var(--fontsize-base)*1rem);text-transform:uppercase;letter-spacing:calc(2/var(--fontsize-base)*1rem);transition:color .4s ease}.nxt-page-btn:hover{color:#555}.nxt-page-btn:hover .arrow{transform:translateY(calc(10/var(--fontsize-base)*1rem))}.nxt-page-btn .arrow{width:calc(20/var(--fontsize-base)*1rem);filter:none;transition:transform .4s cubic-bezier(.25,1,.5,1)}.page-section{width:calc(200/var(--fontsize-base)*1rem);height:calc(360/var(--fontsize-base)*1rem);position:fixed;bottom:calc(410/var(--fontsize-base)*1rem)}.page-section.prev-page{left:0}.page-section.next-page{right:0}.pagenation-row{height:calc(150/var(--fontsize-base)*1rem);display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e0e0e0;margin:0 calc(60/var(--fontsize-base)*1rem)}.pagenation-row .page-fixed{color:#000;font-family:SFMono-Regular,Consolas,monospace;font-size:calc(16/var(--fontsize-base)*1rem);font-style:normal;font-weight:400;line-height:normal;display:flex;align-items:center;justify-content:flex-start;width:-moz-fit-content;width:fit-content;text-transform:uppercase;letter-spacing:calc(2/var(--fontsize-base)*1rem);transition:opacity .3s ease}.pagenation-row .page-fixed:hover{opacity:.5}.pagenation-row .page-fixed img{width:calc(24/var(--fontsize-base)*1rem);height:calc(24/var(--fontsize-base)*1rem);filter:none;margin:0 calc(15/var(--fontsize-base)*1rem)}.pagenation-row .page-fixed.next-page{flex-direction:row-reverse}.pagenation-row .page-fixed.next-page img{transform:rotate(180deg)}.detect_deviece_desktop.detail,.detect_deviece_pc.detail{background:#fff}.detect_deviece_desktop .book-reading-nav,.detect_deviece_pc .book-reading-nav{background:none}.detect_deviece_desktop .book-reading-content-container,.detect_deviece_pc .book-reading-content-container{display:flex;justify-content:space-between;height:calc(100vh - 96/var(--fontsize-base)*1rem - 100/var(--fontsize-base)*1rem);gap:calc(0/var(--fontsize-base)*1rem)}.detect_deviece_desktop .contents-menu,.detect_deviece_pc .contents-menu{position:absolute;top:0;left:0;background:#fff;z-index:10;width:calc(400/var(--fontsize-base)*1rem);height:calc(100vh - 96/var(--fontsize-base)*1rem - 100/var(--fontsize-base)*1rem);padding:calc(0/var(--fontsize-base)*1rem);border:none;border-right:2px solid #000}.detect_deviece_desktop .book-reading-content-row,.detect_deviece_pc .book-reading-content-row{height:calc(100vh - 96/var(--fontsize-base)*1rem - 100/var(--fontsize-base)*1rem - 150/var(--fontsize-base)*1rem);overflow:auto}.detect_deviece_desktop .book-reading-content-row::-webkit-scrollbar,.detect_deviece_pc .book-reading-content-row::-webkit-scrollbar{width:calc(6/var(--fontsize-base)*1rem)}.detect_deviece_desktop .book-reading-content-row::-webkit-scrollbar-track,.detect_deviece_pc .book-reading-content-row::-webkit-scrollbar-track{background:transparent}.detect_deviece_desktop .book-reading-content-row::-webkit-scrollbar-thumb,.detect_deviece_pc .book-reading-content-row::-webkit-scrollbar-thumb{background:#555}.detect_deviece_desktop .book-reading-content-txt-container,.detect_deviece_pc .book-reading-content-txt-container{flex:1;padding-bottom:calc(40/var(--fontsize-base)*1rem)}.detect_deviece_desktop .page-0,.detect_deviece_pc .page-0{min-height:calc(100vh - 96/var(--fontsize-base)*1rem);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:calc(100/var(--fontsize-base)*1rem) calc(30/var(--fontsize-base)*1rem) calc(100/var(--fontsize-base)*1rem);gap:calc(0/var(--fontsize-base)*1rem)}.detect_deviece_desktop .book-reading-nav,.detect_deviece_pc .book-reading-nav{width:calc(var(--set-workplace-width)/var(--fontsize-base)*1rem);margin:0 auto}.detect_deviece_mobile .page-n{padding-top:calc(100/var(--fontsize-base)*1rem)}.detect_deviece_mobile .page-0{background:#fff;padding-top:calc(60/var(--fontsize-base)*1rem);min-height:calc(100vh - 96/var(--fontsize-base)*1rem);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:calc(60/var(--fontsize-base)*1rem) calc(30/var(--fontsize-base)*1rem) calc(100/var(--fontsize-base)*1rem);gap:calc(0/var(--fontsize-base)*1rem)}.detect_deviece_mobile .book-reading-nav{position:fixed;width:100%;top:calc(96/var(--fontsize-base)*1rem);background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detect_deviece_mobile .contents-menu{position:fixed;top:calc(96/var(--fontsize-base)*1rem + 100/var(--fontsize-base)*1rem);height:calc(100vh - 96/var(--fontsize-base)*1rem - 100/var(--fontsize-base)*1rem);overflow:auto;width:85%}.detect_deviece_mobile .book-reading-content-row{padding-bottom:calc(100/var(--fontsize-base)*1rem);padding:0 calc(30/var(--fontsize-base)*1rem)}.detect_deviece_mobile .pagenation-row{margin:0 calc(30/var(--fontsize-base)*1rem)}