@font-face{font-family:cns1;font-style:normal;font-weight:600 900;font-display:swap;src:url(cs-jost-bold.ttf) format("truetype")}#MainContent{--hcx-gutter:max(84px,4vw);--hcx-gap:12px;--hcx-cols:7;--hcx-ink:#111;--hcx-mute:#707070;--hcx-tile:#ececec;--hcx-line:#e3e1dc;--hcx-bg:#fbfbfb;--hcx-arrow-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8.5 7H17v8.5'/%3E%3C/svg%3E");background:var(--hcx-bg)}#MainContent .hcx{color:var(--hcx-ink);font-family:cns1,Jost,sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:64px}#MainContent .hcx *,#MainContent .hcx *:before,#MainContent .hcx *:after{box-sizing:border-box}#MainContent :where(.hcx a){color:inherit;text-decoration:none}#MainContent .hcx :focus-visible{outline:2px solid var(--hcx-ink);outline-offset:3px}#MainContent .hcx-page{padding-inline:var(--hcx-gutter)}#MainContent .hcx-head{padding-top:28px}#MainContent .hcx-back{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 16px 0 11px;border:1px solid var(--hcx-line);border-radius:999px;background:#fff;color:var(--hcx-mute);font-size:13px;line-height:1.2;box-shadow:0 1px 2px #0000000a;transition:color .2s ease,border-color .2s ease}#MainContent .hcx-back:is(:hover,:focus-visible){color:var(--hcx-ink);border-color:var(--hcx-ink)}#MainContent .hcx-back svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}html[dir=rtl] #MainContent .hcx-back svg{transform:scaleX(-1)}#MainContent .hcx-h{margin:18px 0 0;font-family:Jost,cns1,sans-serif;font-size:clamp(30px,3vw,46px);line-height:1.05;font-weight:600;letter-spacing:-.03em;color:var(--hcx-ink);text-transform:none;overflow-wrap:anywhere}#MainContent .hcx-meta{margin:10px 0 0;font-size:14px;line-height:1.4;color:var(--hcx-mute)}#MainContent .hcx-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;margin:26px 0 24px}#MainContent .hcx-chipnav{min-width:0}#MainContent .hcx-chips{display:flex;gap:8px;margin:0;padding:2px 2px 6px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}#MainContent .hcx-chips::-webkit-scrollbar{display:none}#MainContent .hcx-chip{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:1px solid #e6e6e6;border-radius:999px;background:#fff;color:var(--hcx-ink);font-size:14px;line-height:1;white-space:nowrap;box-shadow:0 4px 14px #0000000a;transition:border-color .2s ease,background-color .2s ease}#MainContent .hcx-chip span{font-size:12px;color:#8a8a8a}#MainContent .hcx-chip:hover{border-color:#cfcfcf}#MainContent .hcx-chip[aria-current=page]{border-color:var(--hcx-ink);background:var(--hcx-ink);color:#fff}#MainContent .hcx-chip[aria-current=page] span{color:#ffffffb3}#MainContent .hcx-tools{position:relative;display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;padding-bottom:4px}#MainContent .hcx-pill{position:relative;display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 6px 0 20px;border:1px solid #e6e6e6;border-radius:100px;background:#fff;box-shadow:0 4px 14px #0000000d;color:var(--hcx-ink);font:inherit;font-size:15px;line-height:1;white-space:nowrap;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none}#MainContent .hcx-pill::-webkit-details-marker{display:none}#MainContent .hcx-pill:hover{border-color:#cfcfcf}#MainContent .hcx-pill.is-on{border-color:var(--hcx-ink)}#MainContent .hcx-pill__dot{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--hcx-ink);color:#fff}#MainContent .hcx-pill__dot svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}#MainContent .hcx-filter__n{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-inline-start:-2px;padding:0 6px;border-radius:999px;background:var(--hcx-ink);color:#fff;font-size:11.5px;font-weight:600}#MainContent .hcx-sort select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}#MainContent .hcx-sort:focus-within{outline:2px solid var(--hcx-ink);outline-offset:2px}#MainContent .hcx-sort__k{color:var(--hcx-mute)}#MainContent .hcx-sort__v{font-weight:600}#MainContent .hcx-dd{position:relative}#MainContent .hcx-dd[open]>.hcx-pill{border-color:var(--hcx-ink)}#MainContent .hcx-dd[open] .hcx-pill__dot svg{transform:rotate(180deg)}#MainContent .hcx-dd__menu{position:absolute;z-index:30;top:calc(100% + 8px);inset-inline-start:0;min-width:240px;max-height:min(420px,60vh);overflow-y:auto;margin:0;padding:8px;list-style:none;border:1px solid #ececec;border-radius:20px;background:#fff;box-shadow:0 18px 44px #0000001f}#MainContent .hcx-dd__menu a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.3}#MainContent .hcx-dd__menu a:hover{background:#f3f3f3}#MainContent .hcx-dd__check{display:none;width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#MainContent .hcx-dd__menu a[aria-current=page]{font-weight:600}#MainContent .hcx-dd__menu a[aria-current=page] .hcx-dd__check{display:block}#MainContent .hcx-active{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-8px 0 22px}#MainContent .hcx-af{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px 0 14px;border:1px solid var(--hcx-ink);border-radius:999px;background:#fff;font-size:13px;line-height:1;white-space:nowrap}#MainContent .hcx-af svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}#MainContent .hcx-af:hover{background:#f3f3f3}#MainContent .hcx-af--clear{padding-inline:12px;border-color:transparent;background:transparent;color:var(--hcx-mute);text-decoration:underline;text-underline-offset:3px}#MainContent .hcx-af--clear:hover{background:transparent;color:var(--hcx-ink)}#MainContent .hcx-grid{display:grid;grid-template-columns:repeat(var(--hcx-cols),minmax(0,1fr));gap:26px var(--hcx-gap);margin:0;padding:0;list-style:none;transition:opacity .18s ease}#MainContent .hcx-grid[data-hcx-reco-pending]{opacity:0}#MainContent .hcx-card{min-width:0}#MainContent .hcx-card__link{display:block}#MainContent .hcx-card__img{position:relative;display:block;aspect-ratio:3/4;border-radius:22px;overflow:hidden;background:var(--hcx-tile)}#MainContent .hcx-card__img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;transition:opacity .35s ease,transform .5s cubic-bezier(.2,.7,.2,1)}#MainContent .hcx-card__img .hcx-card__alt{opacity:0}#MainContent .hcx-card__tags{display:flex;align-items:center;gap:6px;min-height:20px;margin:10px 4px 5px}#MainContent .hcx-tag{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:100px;background:var(--hcx-ink);color:#fff;font:700 10px/1 Jost,cns1,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}#MainContent .hcx-tag--out{background:#e2e2e2;color:#555}#MainContent .hcx-card__v{display:block;margin:0 4px 1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;line-height:1.35;letter-spacing:.02em;text-transform:uppercase;color:var(--hcx-mute)}#MainContent .hcx-card__t{display:block;margin:0 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.35;color:var(--hcx-ink)}#MainContent .hcx-card__p{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;margin:4px 4px 0;font-size:15px;line-height:1.35;font-weight:500}#MainContent .hcx-card__p s{font-size:13px;font-weight:400;color:var(--hcx-mute);text-decoration-thickness:1px}#MainContent .hcx-more-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:40px}#MainContent .hcx-more{display:inline-flex;align-items:center;gap:14px;min-height:50px;padding:0 6px 0 24px;border:1px solid var(--hcx-line);border-radius:999px;background:#fff;color:var(--hcx-ink);font-size:15px;font-weight:500;box-shadow:0 1px 2px #0000000a;transition:border-color .2s ease,box-shadow .2s ease}#MainContent .hcx-more:hover{border-color:var(--hcx-ink);box-shadow:0 8px 22px #00000014}#MainContent .hcx-more[aria-busy=true]{opacity:.55;pointer-events:none}#MainContent .hcx-more__dot{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--hcx-ink);color:#fff}#MainContent .hcx-more__dot svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#MainContent .hcx-status{min-height:1em;margin:0;font-size:13px;color:var(--hcx-mute)}#MainContent .hcx-empty{display:flex;flex-direction:column;align-items:center;gap:18px;padding:72px 24px 40px;border-radius:26px;background:#fff;text-align:center;box-shadow:0 1px 3px #0000000d}#MainContent .hcx-empty__t{margin:0;font-family:Jost,cns1,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.02em}#MainContent .hcx-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding-block:6px;padding-inline:20px 6px;border:1px solid var(--hcx-line);border-radius:999px;background:#fff;color:var(--hcx-ink);font-size:14px;font-weight:500;line-height:1.2;white-space:nowrap;box-shadow:0 1px 2px #0000000a;--hcx-arrow-size:32px;transition:border-color .2s ease,box-shadow .2s ease}#MainContent .hcx-link:is(:hover,:focus-visible){border-color:var(--hcx-ink);box-shadow:0 8px 22px #00000014}#MainContent .hcx-arrow{position:relative;display:inline-block;flex:none;width:var(--hcx-arrow-size,28px);height:var(--hcx-arrow-size,28px);border-radius:50%;background:#111;overflow:hidden;vertical-align:middle}#MainContent .hcx-arrow:before,#MainContent .hcx-arrow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:48%;height:48%;background:#fff;-webkit-mask:var(--hcx-arrow-icon) center/contain no-repeat;mask:var(--hcx-arrow-icon) center/contain no-repeat;transition:transform .42s cubic-bezier(.2,.75,.2,1)}#MainContent .hcx-arrow:after{transform:translate(-170%,170%)}#MainContent a:is(:hover,:focus-visible) .hcx-arrow:before{transform:translate(170%,-170%)}#MainContent a:is(:hover,:focus-visible) .hcx-arrow:after{transform:none}html[dir=rtl] #MainContent .hcx-arrow{transform:scaleX(-1)}#MainContent .hcx-guide{margin:56px var(--hcx-gutter) 0;padding:clamp(26px,3vw,48px);border-radius:26px;background:#fff;box-shadow:0 1px 3px #0000000d}#MainContent .hcx-guide .cs-cguide{margin:0;padding:0;background:transparent}#MainContent .hcx-guide h2{font-family:Jost,cns1,sans-serif;font-weight:600;letter-spacing:-.02em}@media(hover:hover){#MainContent .hcx-card__link:hover .hcx-card__alt{opacity:1}#MainContent .hcx-card__link:hover .hcx-card__img img:only-child{transform:scale(1.035)}}#MainContent .chn{--chn-gutter:var(--hcx-gutter);background:transparent}#MainContent .chn .chn-wrap{max-width:none}#MainContent .chn .chn-bar{border:0;background:var(--hcx-bg)}#MainContent .chn .chn-row{min-height:60px;gap:18px}#MainContent .chn .chn-burger{border-radius:50%}#MainContent .chn .chn-burger:hover,#MainContent .chn .chn-burger[aria-expanded=true]{background:#f0f0f0}#MainContent .chn .chn-list{gap:clamp(12px,1.3vw,28px)}#MainContent .chn .chn-link{position:relative;height:60px;margin:0;border:0;font-family:Jost,cns1,sans-serif;font-size:13.5px;font-weight:600;letter-spacing:.01em;text-transform:uppercase}#MainContent .chn .chn-link:after{content:"";position:absolute;inset-inline:0;bottom:15px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}#MainContent .chn .chn-link:hover:after,#MainContent .chn .chn-link[aria-current=page]:after{transform:scaleX(1)}#MainContent .chn .chn-panel,#MainContent .chn .chn-all{border:0;border-radius:0 0 26px 26px;background:#fff;box-shadow:0 24px 48px #0000001a}#MainContent .chn .chn-col__h{font-family:Jost,cns1,sans-serif;letter-spacing:.1em}#MainContent .chn .chn-feat__img{border-radius:18px}#MainContent .chn .chn-promo{padding:4px var(--hcx-gutter) 0;background:transparent;color:#fff}#MainContent .chn .chn-promo>a,#MainContent .chn .chn-promo>span{min-height:42px;border-radius:999px;background:var(--hcx-ink);font-size:13.5px}#MainContent .chn .chn-promo a:hover .chn-promo__cta{text-decoration-thickness:2px}@media(min-width:1100px){#MainContent .hcx-bar{align-items:flex-start}#MainContent .hcx-chips{flex-wrap:wrap;overflow:visible}}@media(min-width:1200px){#MainContent .hcx-grid[data-hcx-has-next]>li:nth-child(7n+1):nth-last-child(-n+6),#MainContent .hcx-grid[data-hcx-has-next]>li:nth-child(7n+1):nth-last-child(-n+6)~li{display:none}}@media(max-width:1199px){#MainContent{--hcx-cols:5;--hcx-gap:14px}}@media(min-width:768px)and (max-width:1199px){#MainContent .hcx-grid[data-hcx-has-next]>li:nth-child(5n+1):nth-last-child(-n+4),#MainContent .hcx-grid[data-hcx-has-next]>li:nth-child(5n+1):nth-last-child(-n+4)~li{display:none}}@media(max-width:1099px){#MainContent{--hcx-gutter:40px}#MainContent .hcx-bar{flex-direction:column;align-items:stretch}#MainContent .hcx-chips{margin-inline:calc(-1 * var(--hcx-gutter));padding-inline:var(--hcx-gutter)}#MainContent .hcx-tools{justify-content:flex-start}}@media(max-width:767px){#MainContent{--hcx-gutter:16px;--hcx-gap:10px;--hcx-cols:2}#MainContent .hcx{padding-bottom:48px}#MainContent .hcx-head{padding-top:18px}#MainContent .hcx-h{margin-top:14px;font-size:30px}#MainContent .hcx-bar{margin:18px 0}#MainContent .hcx-chip{height:40px;padding:0 15px;font-size:13.5px}#MainContent .hcx-tools{gap:8px}#MainContent .hcx-dd{position:static}#MainContent .hcx-dd__menu{inset-inline:0;min-width:0}#MainContent .hcx-pill{height:42px;padding-inline-start:16px;font-size:14px}#MainContent .hcx-pill__dot{width:30px;height:30px}#MainContent .hcx-sort{flex:1 1 100%;justify-content:space-between}#MainContent .hcx-sort__v{margin-inline-end:auto}#MainContent .hcx-grid{row-gap:22px}#MainContent .hcx-grid[data-hcx-has-next]>li:nth-child(odd):nth-last-child(1){display:none}#MainContent .hcx-card__img{border-radius:18px}#MainContent .hcx-card__t,#MainContent .hcx-card__p{font-size:14px}#MainContent .hcx-guide{margin:40px 16px 0;border-radius:22px}#MainContent .hcx-empty{padding:48px 18px 32px;border-radius:22px}#MainContent .chn .chn-row{min-height:52px}#MainContent .chn .chn-link{height:52px;font-size:13.5px}#MainContent .chn .chn-link:after{bottom:12px}#MainContent .chn .chn-promo{padding-top:2px}#MainContent .chn .chn-promo>a,#MainContent .chn .chn-promo>span{border-radius:18px;font-size:12.5px}}@media(prefers-reduced-motion:reduce){#MainContent .hcx *,#MainContent .hcx *:before,#MainContent .hcx *:after,#MainContent .chn .chn-link:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/cs-hanfu-x.css.map */