.content-category-filter{position:relative;z-index:5;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:22px;width:100%;margin:14px auto 30px;padding:8px 18px 10px;overflow-x:auto;border:0!important;border-radius:0!important;outline:0;background:transparent!important;box-shadow:none!important;scrollbar-width:none}
.content-category-filter::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(190,145,78,.05) 18%,rgba(190,145,78,.16) 50%,rgba(190,145,78,.05) 82%,transparent 100%);pointer-events:none}
.content-category-filter::-webkit-scrollbar{display:none}
.content-category-chip{position:relative;flex:0 0 auto;appearance:none;-webkit-appearance:none;padding:5px 1px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:rgba(72,54,43,.68);font:500 13px/1.5 "Microsoft YaHei",sans-serif;letter-spacing:.04em;cursor:pointer;transform:translateY(0);transition:color .22s ease,opacity .22s ease,transform .22s ease,text-shadow .22s ease}
.content-category-chip::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:1px;background:#9a4936;transition:left .22s ease,right .22s ease}
.content-category-chip:hover{z-index:2;color:#873f31;transform:translateY(-3px) scale(1.12);text-shadow:0 7px 18px rgba(135,63,49,.22)}.content-category-chip:hover::after{left:12%;right:12%}.content-category-chip.active{z-index:1;color:#873f31;font-weight:700;transform:translateY(-2px) scale(1.1);text-shadow:0 6px 18px rgba(135,63,49,.24)}.content-category-chip.active::after{left:10%;right:10%}
.content-category-chip.is-clicking{animation:category-ink-tap .62s cubic-bezier(.2,.85,.3,1.25) both}
.content-category-chip.is-clicking::after{animation:category-line-bloom .48s ease both}
.content-category-filter--section-nav{margin-top:24px;margin-bottom:8px;padding-top:14px;padding-bottom:14px;border-top:1px solid rgba(154,73,54,.08)!important;border-bottom:1px solid rgba(154,73,54,.08)!important}
.catalog-filter-horizontal .content-category-chip::after{top:auto;width:auto;height:1px}
.home-statement-section .content-category-filter{grid-column:1/-1;margin:20px 0 0}
.timeline-intro .content-category-filter,.contact-section .content-category-filter{margin-top:22px;margin-bottom:12px}
.category-filter-enter{animation:category-content-enter .48s cubic-bezier(.2,.72,.25,1) both}
[data-content-category-bar]:empty{min-height:43px}
[data-content-category-bar]{max-width:920px}
[data-content-category-bar].is-category-ready{min-height:0}
.content-category-status{color:rgba(72,54,43,.62);font-size:13px}
@keyframes category-ink-tap{0%{transform:translateY(0) scale(1)}28%{transform:translateY(-7px) scale(1.2);color:#a04734;text-shadow:0 10px 24px rgba(154,73,54,.34)}58%{transform:translateY(1px) scale(1.06)}78%{transform:translateY(-3px) scale(1.13)}100%{transform:translateY(-2px) scale(1.1)}}
@keyframes category-line-bloom{0%{left:50%;right:50%;opacity:.25}45%{left:-10%;right:-10%;opacity:1}100%{left:16%;right:16%;opacity:1}}
@keyframes category-content-enter{0%{opacity:0;transform:translateY(14px) scale(.985);filter:blur(2px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
.magazine-intro>.content-category-filter{justify-content:flex-start;margin:12px 0 6px}
.magazine-intro>.content-category-filter--hover-expand{width:max-content;max-width:100%;gap:0;overflow:visible}
.magazine-intro>.content-category-filter--hover-expand::before{inset:0 -38px}
.content-category-filter--hover-expand .content-category-chip{appearance:none;-webkit-appearance:none;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;white-space:nowrap}
.content-category-filter--hover-expand .content-category-chip:not(:first-child){max-width:0;margin-left:0;padding-left:0;padding-right:0;overflow:hidden;opacity:0;pointer-events:none;transform:translateX(-8px);transition:max-width .32s ease,margin .32s ease,padding .32s ease,opacity .2s ease,transform .32s ease,color .22s ease}
.content-category-filter--hover-expand.is-expanded .content-category-chip:not(:first-child),.content-category-filter--hover-expand:focus-within .content-category-chip:not(:first-child){max-width:120px;margin-left:22px;padding-left:1px;padding-right:1px;opacity:1;pointer-events:auto;transform:translateX(0)}
.category-filter-hidden{display:none!important}
@media(max-width:700px){.content-category-filter{justify-content:flex-start;margin:10px auto 22px}.content-category-chip{font-size:12px}.magazine-intro>.content-category-filter{margin-bottom:8px}}
@media(hover:none),(pointer:coarse){.magazine-intro>.content-category-filter--hover-expand{width:100%;gap:18px;overflow-x:auto;padding-left:4px;padding-right:4px}.magazine-intro>.content-category-filter--hover-expand::before{inset:0}.content-category-filter--hover-expand .content-category-chip:not(:first-child){max-width:120px;margin-left:0;padding-left:0;padding-right:0;opacity:1;pointer-events:auto;transform:none}}
@media(prefers-reduced-motion:reduce){.content-category-chip,.content-category-chip::after,.category-filter-enter{animation:none!important;transition:none!important}}