:root{--xiaocase-wide-width:1560px;--xiaocase-reading-width:960px;--xc-gutter:32px}body :is(.xc-wide-container,.xc-reading-content){box-sizing:border-box;width:calc(100% - var(--xc-gutter)*2);margin-inline:auto;padding-inline:0;min-width:0}body .xc-wide-container{max-width:var(--xiaocase-wide-width)}body .xc-reading-content{max-width:var(--xiaocase-reading-width)}body .xc-wide-container .xc-reading-content{width:100%;margin-inline:auto}body .header.page-width.xc-wide-container,body .page-width:is(.xc-wide-container,.xc-reading-content){padding-inline:0}.xc-wide-container .site-page-content>:where(p,ul,ol,dl,blockquote,pre,table:not([class]),h2,h3,h4,h5,h6){max-width:var(--xiaocase-reading-width);margin-inline:auto}.practical-footer__inner.xc-wide-container .practical-footer__copyright{padding-inline:0}.practical-footer__inner.xc-wide-container .practical-footer__links{margin-inline:-7px}.cgb-library .cgb-layout{grid-template-columns:minmax(0,1fr) 340px;gap:24px}.cgb-library .cgb-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cgb-library .cgb-filters{grid-template-columns:1.38fr 1fr 1fr;gap:16px;padding:20px;margin-bottom:24px}.cgb .cgb-button,.cgb .cgb-secondary{white-space:nowrap}.cgb-card>div{grid-template-columns:minmax(80px,1fr) minmax(96px,1fr)}.cgb-card .cgb-button,.cgb-card .cgb-secondary{padding-inline:8px;min-width:0}.cgb-panel h2{white-space:nowrap}.cgb-selected li>span{min-width:0;overflow-wrap:anywhere}.cgb-detail-layout{grid-template-columns:minmax(0,1fr) 380px;gap:32px}.cgb-detail-layout>div{min-width:0}.scroll-trigger:has(.cgb-mobile-bar){transform:none!important;animation:none!important;opacity:1!important}@media(min-width:1200px)and (max-width:1439px){.cgb-library .cgb-layout{grid-template-columns:minmax(0,1fr) 320px}.cgb-library .cgb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cgb-detail-layout{grid-template-columns:minmax(0,1fr) 360px}}@media(max-width:1199px){.cgb-library .cgb-layout{grid-template-columns:1fr}.cgb-library .cgb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cgb-panel{display:none}.cgb-panel.is-open{display:block;position:fixed;z-index:1002;inset:auto 0 0;width:100%;max-height:82dvh;padding:24px 22px;border-radius:14px 14px 0 0}.cgb-detail-drawer{display:block}.cgb-backdrop:not([hidden]){display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#18304766;z-index:1001}.cgb-close{display:block;position:absolute;right:15px;top:10px;background:none;border:0;font-size:30px;color:#345879}.cgb-mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:999;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ccdbec;box-shadow:0 -2px 12px #14365b0a}.cgb-mobile-bar span{display:block;font-size:13px}.cgb-mobile-bar b{display:block;font-size:14px}.cgb{padding-bottom:100px}.cgb-detail-layout{grid-template-columns:minmax(0,1fr) 360px;gap:24px}}@media(max-width:989px){.cgb-library .cgb-filters{grid-template-columns:1fr;gap:17px}.cgb-library .cgb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cgb-detail-layout{grid-template-columns:1fr}.cgb-buy{position:static;max-height:none}}@media(max-width:749px){:root{--xc-gutter:18px}.cgb-library .cgb-grid{grid-template-columns:1fr}.cgb-library .cgb-filters{padding:20px 18px}.cgb-panel.is-open{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}.cgb-library .cgb-tiers{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.cgb-library .cgb-tiers>span{min-width:0;white-space:nowrap}.cgb-library .cgb-tiers b{font-size:clamp(18px,1.6vw,24px)}@media(max-width:749px){.cgb-library .cgb-tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cgb-library .cgb-tiers>span:last-child{grid-column:1/-1}.cgb-library .cgb-tiers b{font-size:23px}}.cgb .cgb-price-label{display:block;font-size:14px;font-weight:400;line-height:1.5;color:#526b89;margin-bottom:4px}.cgb-detail .cgb-featured{display:block;width:auto;max-width:100%;height:auto;max-height:480px;object-fit:contain;margin:0 0 24px}@media(max-width:749px){.cgb-detail .cgb-featured{max-height:320px;margin-bottom:20px}}.cgb-detail a.cgb-guide-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;border-radius:4px;transition:background-color .15s ease,color .15s ease}.cgb-detail a.cgb-guide-link:hover,.cgb-detail a.cgb-guide-link:focus-visible{background-color:#dbeafe;color:#075ad5}.cgb-detail a.cgb-guide-link:focus-visible{outline:2px solid #075ad5;outline-offset:3px}.cgb-detail .cgb-buy>:is(.cgb-button,.cgb-secondary,.cgb-return){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:44px;margin:8px 0;padding:10px 13px;border:1px solid #bdcfe3;border-radius:5px;background:#fff;color:#154b93;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease}@media(hover:hover){.cgb-detail .cgb-buy>:is(.cgb-button,.cgb-secondary,.cgb-return):not(:disabled):hover{background:#1262dc;border-color:#1262dc;color:#fff}}.cgb-detail .cgb-buy>:is(.cgb-button,.cgb-secondary,.cgb-return):focus-visible{outline:2px solid #1262dc;outline-offset:3px}.cgb-library .cgb-panel .cgb-policy.cgb-delivery ul{padding-left:12px}.cgb-library .cgb-panel .cgb-policy.cgb-delivery{font-size:14px!important;line-height:1.7;font-weight:400}
/*# sourceMappingURL=/cdn/shop/t/40/assets/xiaocase-layout.css.map */