/* 1.2.34 课程目录入口：玻璃药丸，仅 transform/opacity 动效 */
.xcn-heading>div:first-child{display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:6px}
.xcn-heading>div:first-child>.xcn-eyebrow{flex-basis:100%}
.xcn-heading>div:first-child>h1{margin:0}
.xhc-catalog{display:flex;flex-direction:column;align-items:flex-start;gap:4px;line-height:1.2}
.xhc-catalog-btn{position:relative;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 15px;border-radius:999px;font-size:13px;font-weight:650;letter-spacing:.5px;white-space:nowrap;color:#1d3f8f!important;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(214,228,255,.55));border:1px solid rgba(92,128,220,.38);box-shadow:0 4px 16px rgba(70,100,200,.16),inset 0 1px 0 rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s ease;overflow:hidden;isolation:isolate}
.xhc-catalog-btn:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);opacity:0;transition:transform .6s ease,opacity .3s}
.xhc-catalog-btn span{display:inline-block;transition:transform .25s ease}
.xhc-catalog-btn:hover{transform:translateY(-1px)}
.xhc-catalog-btn:hover:before{transform:translateX(120%);opacity:1}
.xhc-catalog-btn:hover span{transform:translate(2px,-2px)}
.xhc-catalog-hint{font-size:11.5px;color:#5a6788;padding-left:4px;white-space:nowrap}
.xhc-catalog-hint b{font-weight:700;color:#3756b5}
.dark-theme .xhc-catalog-btn{color:#e3ebff!important;background:linear-gradient(135deg,rgba(120,140,255,.22),rgba(70,200,255,.12));border-color:rgba(150,175,255,.42);box-shadow:0 0 18px rgba(110,130,255,.25),inset 0 1px 0 rgba(255,255,255,.14)}
.dark-theme .xhc-catalog-btn:before{background:linear-gradient(110deg,transparent 30%,rgba(170,200,255,.35) 50%,transparent 70%)}
.dark-theme .xhc-catalog-hint{color:#9aa8cc}.dark-theme .xhc-catalog-hint b{color:#b9c8ff}
@media(max-width:767px){.xcn-heading>div:first-child{column-gap:12px}.xhc-catalog-btn{height:30px;padding:0 13px;font-size:12px}.xhc-catalog-hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){.xhc-catalog-btn,.xhc-catalog-btn:before,.xhc-catalog-btn span{transition:none}}