.cs-sc-acts{--night-bg:#191a17;--night-deep:#101110;--night-tx:#efece4;--cs-muted:rgba(239,236,228,.58);--cs-line:rgba(239,236,228,.14);--cs-line-strong:rgba(239,236,228,.32);--cs-ease:cubic-bezier(.165,.84,.44,1);--cs-ease-fine:cubic-bezier(.215,.61,.355,1);--cs-font-display:"Josefin Sans","Noto Sans TC","PingFang TC",sans-serif;--cs-font-body:"Assistant","PingFang TC","Hiragino Sans CNS","Noto Sans TC",sans-serif;--cs-font-glaze:"Songti TC","Songti SC","STSong","PMingLiU","Noto Serif TC",serif;background:var(--night-deep);color:var(--night-tx);padding:34px 0;width:100%;max-width:100%;overflow:hidden;font-family:var(--cs-font-body)}.cs-sc-acts *,.cs-sc-acts *:before,.cs-sc-acts *:after{box-sizing:border-box}.cs-sc-acts button{font:inherit;cursor:pointer}.cs-sc-acts :focus-visible{outline:1px solid var(--night-tx);outline-offset:3px}.cs-sc-acts [hidden]{display:none!important}.cs-sc-acts__shell{max-width:1180px;margin:auto;padding:0 20px}.cs-sc-acts__grid{display:grid;grid-template-areas:"head" "tabs" "stage" "content";gap:16px;min-width:0}.cs-sc-acts__head{grid-area:head;min-width:0}.cs-sc-acts__head p,.cs-sc-acts__panel p,.cs-sc-acts__cta p{margin:0}.cs-sc-acts__eyebrow{color:var(--cs-muted);font-size:12px;letter-spacing:.18em;line-height:1.5;margin-bottom:8px!important}.cs-sc-acts__head h2{color:var(--night-tx);font-family:var(--cs-font-display);font-size:clamp(24px,3.2vw,44px);line-height:1.35;letter-spacing:.06em;font-weight:400;margin:0}.cs-sc-acts__lede{font-size:14px;line-height:1.55;margin-top:8px!important}.cs-sc-acts__tabs{grid-area:tabs;display:flex;border-bottom:1px solid var(--cs-line);gap:15px;overflow-x:auto;scrollbar-width:none;min-width:0}.cs-sc-acts__tabs::-webkit-scrollbar,.cs-sc-acts__track::-webkit-scrollbar{display:none}.cs-sc-acts__tab{flex:0 0 auto;position:relative;min-height:44px;padding:9px 8px 9px 0;border:0;background:none;color:var(--cs-muted);font-size:13px;letter-spacing:.16em;transition:color .18s var(--cs-ease-fine)}.cs-sc-acts__tab small{margin-left:5px;font-size:10px;letter-spacing:.12em}.cs-sc-acts__tab:after{content:"";position:absolute;height:1px;left:0;right:8px;bottom:-1px;background:var(--night-tx);transform:scaleX(0);transform-origin:left;transition:transform .52s var(--cs-ease-fine)}.cs-sc-acts__tab[aria-selected=true],.cs-sc-acts__tab:hover{color:var(--night-tx)}.cs-sc-acts__tab[aria-selected=true]:after{transform:scaleX(1)}.cs-sc-acts:not(.is-ready) .cs-sc-acts__tabs,.cs-sc-acts:not(.is-ready) .cs-sc-acts__thumb,.cs-sc-acts:not(.is-ready) .cs-sc-acts__play{display:none}.cs-sc-acts:not(.is-ready) .cs-sc-acts__grid{grid-template-areas:"head" "stage" "content"}.cs-sc-acts:not(.is-ready) .cs-sc-acts__model{grid-template-columns:minmax(0,1fr) auto}.cs-sc-acts__stages{grid-area:stage;min-width:0}.cs-sc-acts__stage,.cs-sc-acts__content{min-width:0}.cs-sc-acts__stage.is-shown,.cs-sc-acts__panel.is-shown{animation:cs-sc-acts-fade .28s var(--cs-ease) both}@keyframes cs-sc-acts-fade{0%{opacity:0}to{opacity:1}}.cs-sc-acts__track{display:flex;align-items:flex-start;gap:13px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;list-style:none;padding:0 20px 0 0;margin:0;min-width:0}.cs-sc-acts__track>li{scroll-snap-align:start;flex:0 0 min(70vw,280px);list-style:none}.cs-sc-acts__track>.cs-sc-acts__slide--cover{flex-basis:min(80vw,300px)}.cs-sc-acts__track.is-drag{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.cs-sc-acts__track.is-drag img{pointer-events:none}.cs-sc-acts__slide figure{margin:0}.cs-sc-acts__frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:#211f1b}.cs-sc-acts__frame img,.cs-sc-acts__frame video{display:block;width:100%;height:100%;object-fit:cover}.cs-sc-acts__frame--cover{background:#29251e;padding:2px;border:1px solid rgba(239,236,228,.32)}.cs-sc-acts__caption{color:var(--cs-muted);font-size:12px;line-height:1.6;letter-spacing:.06em;margin-top:6px;min-height:39px}.cs-sc-acts__caption b{color:var(--night-tx);font-family:var(--cs-font-glaze);font-weight:400;letter-spacing:.16em}.cs-sc-acts__caption .c3-step{color:var(--night-tx);letter-spacing:.18em;margin-right:.6em}.cs-sc-acts__video-frame video{background:#211f1b}.cs-sc-acts__play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;min-height:44px;min-width:44px;display:inline-flex;align-items:center;padding:12px 15px;border:1px solid rgba(239,236,228,.5);background:#101110b8;color:var(--night-tx);font-size:12px!important;letter-spacing:.18em;transition:background-color .18s var(--cs-ease-fine)}.cs-sc-acts__play:before{content:"";display:inline-block;margin-right:8px;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}.cs-sc-acts__play:hover{background:#101110eb}.cs-sc-acts__video-frame.is-playing .cs-sc-acts__play{display:none}.cs-sc-acts__controls{display:none;align-items:center;gap:13px;margin-top:8px}.cs-sc-acts.is-ready .cs-sc-acts__controls{display:flex}.cs-sc-acts__count{min-width:5.5em;font-family:var(--cs-font-display);font-size:12px;letter-spacing:.18em;color:var(--cs-muted);font-variant-numeric:tabular-nums}.cs-sc-acts__count b{color:var(--night-tx);font-weight:400}.cs-sc-acts__progress{flex:1;height:1px;overflow:hidden;background:var(--cs-line)}.cs-sc-acts__progress i{display:block;height:1px;background:var(--night-tx);transform:scaleX(var(--cs-progress,.1));transform-origin:left;transition:transform .28s var(--cs-ease-fine)}.cs-sc-acts__arrow{flex:0 0 44px;height:44px;border:1px solid var(--cs-line-strong);color:var(--night-tx);background:none;font-size:16px!important;transition:background-color .18s var(--cs-ease-fine),color .18s var(--cs-ease-fine),opacity .18s}.cs-sc-acts__arrow:hover{background:var(--night-tx);color:var(--night-deep)}.cs-sc-acts__arrow:disabled{opacity:.3;cursor:default}.cs-sc-acts__content{grid-area:content}.cs-sc-acts__panel{min-height:0;font-size:14px;line-height:1.6}.cs-sc-acts__steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--cs-line)}.cs-sc-acts__steps li{border-bottom:1px solid var(--cs-line)}.cs-sc-acts__steps button{width:100%;min-height:48px;padding:8px 0;border:0;background:none;color:var(--night-tx);display:flex;align-items:baseline;gap:10px;text-align:left;font-family:var(--cs-font-glaze);font-size:16px;letter-spacing:.1em}.cs-sc-acts__steps button span{font-size:12px;color:var(--cs-muted)}.cs-sc-acts__steps small{margin-left:auto;font-size:12px;color:var(--cs-muted);letter-spacing:.02em}.cs-sc-acts__models{padding:0;margin:16px 0 0;list-style:none;border-top:1px solid var(--cs-line)}.cs-sc-acts__model{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;padding:22px 0;border-bottom:1px solid var(--cs-line);min-width:0}.cs-sc-acts__thumb{display:block;width:48px;height:48px;border:1px solid transparent;padding:0;background:none}.cs-sc-acts__thumb img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1}.cs-sc-acts__thumb:hover{border-color:var(--night-tx)}.cs-sc-acts__model-copy{min-width:0}.cs-sc-acts__model-title{display:flex;align-items:baseline;gap:6px;border-bottom:1px solid var(--cs-line-strong);padding-bottom:6px;white-space:nowrap}.cs-sc-acts__model-title>span:first-child{color:var(--cs-muted);font-size:11px}.cs-sc-acts__model-title h3{margin:0;font-family:var(--cs-font-glaze);font-size:16px;line-height:1.3;font-weight:400;letter-spacing:.12em;color:var(--night-tx)}.cs-sc-acts__capacity{color:var(--cs-muted);font-family:var(--cs-font-display);font-size:12px;margin-left:auto}.cs-sc-acts__question{margin:8px 0 0;color:var(--night-tx);font-family:var(--cs-font-glaze);font-size:12px;line-height:1.55;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cs-sc-acts__model-end{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.cs-sc-acts__price{font-family:var(--cs-font-display);font-size:13px;line-height:1.3;pointer-events:none}.cs-sc-acts__model-end a{color:var(--night-tx);font-size:11px;text-decoration:none;border-bottom:1px solid var(--cs-line-strong);min-height:44px;display:flex;align-items:center}.cs-sc-acts__model-end a:hover{border-bottom-color:var(--night-tx)}.cs-sc-acts__cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:18px}.cs-sc-acts__main-link{display:inline-flex;align-items:center;justify-content:center;background:var(--night-tx);color:var(--night-deep);border:2px solid var(--night-tx);padding:14px 20px 12px;font-family:var(--cs-font-display);font-size:13px;letter-spacing:.16em;text-decoration:none;min-height:46px;transition:background-color .18s var(--cs-ease-fine),color .18s var(--cs-ease-fine)}.cs-sc-acts__main-link:hover{background:none;color:var(--night-tx)}.cs-sc-acts__cta p{font-size:12px;line-height:1.5;color:var(--cs-muted);letter-spacing:.04em}.cs-sc-acts.is-ready .cs-sc-acts__reveal:not(.is-visible){opacity:0;transform:translateY(4px);clip-path:inset(0 0 100% 0)}.cs-sc-acts__reveal{clip-path:inset(0 0 0 0);transition:opacity .52s var(--cs-ease) var(--cs-delay,0ms),transform .82s var(--cs-ease) var(--cs-delay,0ms),clip-path .82s var(--cs-ease) var(--cs-delay,0ms)}@media(hover:hover)and (pointer:fine){.cs-sc-acts__track{cursor:grab}.cs-sc-acts__frame img{transition:transform .82s var(--cs-ease)}.cs-sc-acts__slide:hover .cs-sc-acts__frame img{transform:scale(1.03)}}@media(min-width:1000px){.cs-sc-acts{padding:72px 0 55px}.cs-sc-acts__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"stage head" "stage tabs" "stage content";gap:13px 55px;align-items:start}.cs-sc-acts:not(.is-ready) .cs-sc-acts__grid{grid-template-rows:auto 1fr;grid-template-areas:"stage head" "stage content"}.cs-sc-acts__track>li{flex-basis:340px}.cs-sc-acts__track>.cs-sc-acts__slide--cover{flex-basis:420px}.cs-sc-acts__model{grid-template-columns:58px minmax(0,1fr) auto}.cs-sc-acts__thumb{width:58px;height:58px}.cs-sc-acts__model-title h3{font-size:17px}.cs-sc-acts__question{font-size:13px}.cs-sc-acts__model-end a{font-size:12px}}@media(prefers-reduced-motion:reduce){.cs-sc-acts .cs-sc-acts__reveal,.cs-sc-acts.is-ready .cs-sc-acts__reveal:not(.is-visible){opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}.cs-sc-acts__stage.is-shown,.cs-sc-acts__panel.is-shown{animation:none!important}.cs-sc-acts__tab,.cs-sc-acts__tab:after,.cs-sc-acts__progress i,.cs-sc-acts__arrow,.cs-sc-acts__frame img,.cs-sc-acts__play,.cs-sc-acts__main-link{transition:none!important}.cs-sc-acts__slide:hover .cs-sc-acts__frame img{transform:none!important}.cs-sc-acts__track{scroll-behavior:auto!important}}@media(max-width:749px){.cs-sc-acts__question{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden;line-height:1.55}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/cs-sc-acts.css.map */