.showcase-page{background-color:#fff}.showcase-hero{position:relative;overflow:hidden}.showcase-hero-bg{z-index:0;object-fit:cover;object-position:top center;pointer-events:none;width:100%;height:clamp(240px,34.375vw,660px);position:absolute;top:0;left:0}.showcase-shell{z-index:1;box-sizing:border-box;width:min(1640px,100%);margin:0 auto;padding:0 clamp(16px,4.27vw,70px) 64px;position:relative}.showcase-title{color:#fff;align-items:center;gap:10px;min-height:72px;padding:18px 0 12px;display:flex}.showcase-title .qingtui-logo{font-size:clamp(32px,2.8vw,46px);line-height:1}.showcase-title-text{font-size:clamp(18px,1.46vw,24px);line-height:1.5}.showcase-panel{background:#fff;width:100%;padding-bottom:calc(61.04% + clamp(32px,4.88vw,80px));position:relative}.showcase-panel-bg{z-index:0;aspect-ratio:3280/2002;object-fit:fill;pointer-events:none;width:100%;height:auto;position:absolute;top:clamp(32px,4.88vw,80px);left:0}.showcase-layout{z-index:1;align-items:flex-start;padding:clamp(24px,3.66vw,60px) clamp(16px,4.27vw,70px) 0;display:flex;position:absolute;top:0;left:0;right:0}.showcase-tabs{flex-direction:column;flex:0 0 clamp(160px,14.63vw,240px);align-items:center;width:clamp(160px,14.63vw,240px);display:flex}.showcase-tab{color:#222;opacity:.5;cursor:pointer;background:#f3f4f6;border:0;border-radius:999px;justify-content:center;align-items:center;width:100%;height:clamp(48px,4.51vw,74px);font-size:clamp(16px,1.83vw,30px);line-height:1;text-decoration:none;transition:background .2s,color .2s,opacity .2s,box-shadow .2s;display:flex}.showcase-tab+.showcase-tab{margin-top:clamp(32px,6.1vw,100px)}.showcase-tab:hover,.showcase-tab.is-active{color:#fff;opacity:1;background:linear-gradient(124deg,#fd953d 0%,#fe3546 100%);box-shadow:4px 11px 40px 10px #ff74484d}.showcase-tabs .showcase-tab:first-child{margin-top:0}.showcase-stage{flex-direction:column;flex:0 0 clamp(280px,48.78vw,800px);align-items:center;width:clamp(280px,48.78vw,800px);display:flex}.showcase-device-wrap{width:100%;position:relative}.showcase-device-wrap.is-phone{width:57.125%;margin-left:-50px}.showcase-device-wrap.is-pc{width:100%;margin-left:-16px}.showcase-device-frame{width:100%;height:auto;display:block}.showcase-device-viewport{position:absolute;overflow:hidden}.showcase-device-viewport.is-phone{width:62.58%;height:84.97%;top:3.72%;left:26.81%}.showcase-device-viewport.is-pc{aspect-ratio:1600/1032;width:72.04%;height:auto;top:9.15%;left:16.01%}.showcase-slideshow-wrapper{width:100%;height:100%;position:absolute;inset:0}.showcase-slideshow{width:100%;height:100%;animation:.2s ease-out showcase-fade-in;position:absolute;inset:0}@keyframes showcase-fade-in{0%{opacity:0}to{opacity:1}}.showcase-slideshow-image{width:100%;height:auto;display:block}.showcase-highlight-dot{z-index:2;pointer-events:none;width:17.5%;max-width:50px;height:auto;animation:2s ease-in-out showcase-highlight-pulse;position:absolute;transform:translate(-50%,-50%)}@keyframes showcase-highlight-pulse{17%{transform:translate(-50%,-50%)scale(1.6)}34%{transform:translate(-50%,-50%)scale(1)}51%{transform:translate(-50%,-50%)scale(1.6)}68%{transform:translate(-50%,-50%)scale(1)}84%{transform:translate(-50%,-50%)scale(1.6)}to{transform:translate(-50%,-50%)scale(1)}}.showcase-switch{color:#775dde;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;width:100%;padding-bottom:16px;font-size:clamp(14px,1.22vw,20px);display:inline-flex}.showcase-features{flex:0 0 clamp(200px,18.17vw,298px);grid-template-columns:repeat(2,clamp(96px,8.6vw,141px));gap:clamp(10px,.98vw,16px);width:clamp(200px,18.17vw,298px);margin-left:auto;display:grid}.showcase-feature{color:#d4d9e4;cursor:pointer;background:#f3f6fb;border:0;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:clamp(88px,7.44vw,122px);text-decoration:none;transition:background .2s,color .2s;display:flex}.showcase-feature:hover,.showcase-feature.is-active{color:#fff;background:#fe6a49}.showcase-feature-icon{color:inherit;margin-top:clamp(20px,2.44vw,40px);margin-bottom:5px;font-size:clamp(24px,1.95vw,32px);line-height:1}.showcase-feature-icon.is-image{background:url(/images/showcase/payroll.svg) 50%/contain no-repeat;width:clamp(24px,1.95vw,32px);height:clamp(24px,1.95vw,32px)}.showcase-feature.is-active .showcase-feature-icon.is-image,.showcase-feature:hover .showcase-feature-icon.is-image{background-image:url(/images/showcase/payroll_white.png)}.showcase-feature-label{text-align:center;font-size:clamp(12px,1.22vw,20px);line-height:1.3}.showcase-embedded{text-align:center}.showcase-embedded .showcase-stage{flex:none;width:100%;max-width:800px;margin-inline:auto}.showcase-embedded .showcase-device-wrap.is-phone{width:min(457px,57.125%);margin-left:-50px}.showcase-embedded .showcase-device-wrap.is-pc{width:min(800px,100%);margin-left:-50px}@media (max-width:1200px){.showcase-layout{flex-direction:column;align-items:stretch;padding:24px 20px 32px;position:static}.showcase-panel{background:#fff;border-radius:24px;padding-bottom:0;overflow:hidden;box-shadow:0 12px 40px #0f172a14}.showcase-panel-bg{display:none}.showcase-tabs,.showcase-stage,.showcase-features{flex:none;width:100%;margin-top:0;margin-left:0}.showcase-features{flex-wrap:wrap;justify-content:center;gap:12px 16px;width:100%;max-width:298px;margin-inline:auto;display:flex}.showcase-feature{flex:0 0 clamp(96px,8.6vw,141px);width:clamp(96px,8.6vw,141px)}.showcase-tabs{flex-flow:wrap;gap:12px}.showcase-tab{flex:140px;height:48px;font-size:16px}.showcase-tab+.showcase-tab,.showcase-tabs .showcase-tab:first-child{margin-top:0}.showcase-stage{align-items:center;margin-left:0}.showcase-device-wrap.is-phone{width:min(320px,72%)}.showcase-switch{justify-content:center;width:100%}.showcase-embedded .showcase-device-wrap.is-phone{width:min(320px,72%)}}@media (max-width:640px){.showcase-shell{padding-inline:12px}.showcase-title{min-height:auto;padding-top:12px}.showcase-feature{height:84px}.showcase-feature-icon{margin-top:16px}}