/* 虚幻之初 1.2.18.4 · 精修层（elevate）
   原则：科技 / 未知探索 / 电影级 CG；分色：购买=珊瑚红，下载=翡翠绿，价格=暖金橙，黄金=金，至尊=紫。
   所有动画仅 transform / opacity；空闲（xhc-idle）、静态视界（xhc-still）与减少动态时全部停止。 */

body.xhc-cosmos{
  --xe-ease:cubic-bezier(.2,.75,.2,1);--xe-spring:cubic-bezier(.34,1.4,.5,1);
  --xe-star:#6f8fe8;--xe-cyan:#1b86b0;--xe-gold:#d99a2b;--xe-violet:#8a63e6;--xe-coral:#ef5a4c;--xe-green:#16a37a;
  --xe-line:rgba(91,118,178,.16);--xe-line-strong:rgba(91,118,178,.32);
  --xe-card-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 10px 30px -18px rgba(23,38,84,.35);
  --xe-card-shadow-hover:0 1px 0 rgba(255,255,255,.8) inset,0 22px 46px -22px rgba(38,58,140,.45);
  --xe-ring:0 0 0 2px var(--main-bg-color,#fff),0 0 0 4px rgba(64,119,232,.7);
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  font-feature-settings:"kern" 1;
}
body.xhc-cosmos.dark-theme{
  --xe-star:#9db7ff;--xe-cyan:#7fdcf0;--xe-gold:#f2c46d;--xe-violet:#b99bff;--xe-coral:#ff7a68;--xe-green:#3fd6a2;
  --xe-line:rgba(150,175,230,.13);--xe-line-strong:rgba(160,190,255,.3);
  --xe-card-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 12px 34px -20px rgba(0,0,0,.75);
  --xe-card-shadow-hover:0 1px 0 rgba(255,255,255,.06) inset,0 26px 60px -26px rgba(66,98,220,.55);
  --xe-ring:0 0 0 2px #0b1222,0 0 0 4px rgba(127,220,240,.75);
}

/* ---------- A. 字体层级 / 字距 / 行高 ---------- */
body.xhc-cosmos :is(h1,h2,h3,.article-title,.title-theme){letter-spacing:-.005em}
body.xhc-cosmos .item-heading{line-height:1.55!important;font-weight:650;max-height:none!important}
body.xhc-cosmos .item-heading a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.xhc-cosmos .article-title{line-height:1.38!important;font-size:clamp(20px,1.1vw + 14px,28px)!important;font-weight:750}
body.xhc-cosmos .wp-posts-content{line-height:1.85;letter-spacing:.012em}
body.xhc-cosmos :is(.xhc-price-value,.xcn-price strong,.xhc-plan-price strong,.price-box,.pay-box .em3x,.text-ellipsis .c-red){font-variant-numeric:tabular-nums lining-nums}
body.xhc-cosmos .title-theme{font-weight:700}
body.xhc-cosmos .title-theme::before{border-radius:4px;background:linear-gradient(180deg,var(--xe-cyan),var(--xe-violet))!important}
body.xhc-cosmos .muted-2-color,body.xhc-cosmos .muted-3-color{letter-spacing:.01em}

/* ---------- B. 顶栏：控件对齐、统一高度与圆角 ---------- */
body.xhc-cosmos .xhc-desktop-access{margin:8px 12px 0}
body.xhc-cosmos .xhc-desktop-access a{min-height:34px;padding:0 15px;border-radius:11px}
body.xhc-cosmos .header .navbar-right .but,body.xhc-cosmos .header .toggle-radius{transition:transform .25s var(--xe-ease),opacity .2s}
body.xhc-cosmos .header .newadd-btns.but,body.xhc-cosmos .header .payvip-icon.but{border-radius:11px!important;padding:6px 12px;font-weight:650;letter-spacing:.02em}
body.xhc-cosmos .header .payvip-icon.but{background:linear-gradient(115deg,#c98a22,#e7b453 55%,#a874ef)!important;color:#fff!important;box-shadow:0 6px 18px -8px rgba(217,154,43,.65)}
body.xhc-cosmos .header .newadd-btns.but{background:linear-gradient(115deg,#2f6fd8,#1b9ac4)!important;box-shadow:0 6px 18px -8px rgba(36,120,215,.6)}
body.xhc-cosmos .header :is(.newadd-btns.but,.payvip-icon.but,.toggle-radius,.xhc-header-access a):hover{transform:translateY(-1px)}
body.xhc-cosmos .header :is(.newadd-btns.but,.payvip-icon.but,.toggle-radius,.xhc-header-access a):active{transform:translateY(0) scale(.96)}
body.xhc-cosmos .header .navbar-nav>li>a{position:relative}
body.xhc-cosmos .header .navbar-nav>li>a::after{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--xe-cyan),var(--xe-violet));transform:scaleX(0);transform-origin:50% 50%;opacity:0;transition:transform .35s var(--xe-ease),opacity .25s}
body.xhc-cosmos .header .navbar-nav>li:is(:hover,.current-menu-item,.current-menu-parent)>a::after{transform:scaleX(1);opacity:1}

/* ---------- C. 夜间首页搜索：修复白底白字，统一为深色玻璃 ---------- */
body.xhc-cosmos.dark-theme .header-slider-search .line-form{background:rgba(14,22,40,.86)!important;border:1px solid var(--xe-line-strong);box-shadow:0 10px 30px -14px rgba(0,0,0,.7),0 0 0 1px rgba(127,220,240,.05) inset}
body.xhc-cosmos.dark-theme .header-slider-search .line-form :is(input,.line-form-input){color:#e8f0ff!important}
body.xhc-cosmos.dark-theme .header-slider-search .line-form input::placeholder{color:#8fa1c4}
body.xhc-cosmos.dark-theme .header-slider-search .search_keywords{background:rgba(24,36,62,.85)!important;color:#b8c6e6!important;border:1px solid var(--xe-line)}
body.xhc-cosmos .header-slider-search .search_keywords{border-radius:999px!important;padding:3px 11px!important;transition:transform .2s var(--xe-ease),opacity .2s}
body.xhc-cosmos .header-slider-search .search_keywords:hover{transform:translateY(-1px)}
body.xhc-cosmos .header-slider-search .line-form{border-radius:999px!important;transition:box-shadow .25s}
body.xhc-cosmos .header-slider-search .line-form:focus-within{box-shadow:var(--xe-ring)}

/* ---------- D. 卡片：细描边 + 轮廓光（伪元素 opacity）+ 悬停上浮 / 按下回弹 ---------- */
body.xhc-cosmos :is(.posts-item.card,.xhc-plan-card,.zib-widget,.xcn-price){box-shadow:var(--xe-card-shadow)}
body.xhc-cosmos .posts-item.card{position:relative;border:1px solid var(--xe-line);isolation:isolate;transition:transform .45s var(--xe-ease),box-shadow .45s var(--xe-ease)}
body.xhc-cosmos .posts-item.card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;z-index:2;padding:1px;
  background:linear-gradient(135deg,rgba(127,220,240,.85),rgba(150,120,255,.55) 40%,transparent 62%,rgba(242,196,109,.5));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s var(--xe-ease)}
body.xhc-cosmos .posts-item .item-thumbnail{overflow:hidden;border-radius:10px}
body.xhc-cosmos .posts-item .item-thumbnail img{transition:transform .7s var(--xe-ease)}
@media (hover:hover){
  body.xhc-cosmos .posts-item.card:hover{transform:translate3d(0,-4px,0);box-shadow:var(--xe-card-shadow-hover)}
  body.xhc-cosmos .posts-item.card:hover::after{opacity:1}
  body.xhc-cosmos .posts-item.card:hover .item-thumbnail img{transform:scale(1.045)}
  body.xhc-cosmos .xhc-plan-card{transition:transform .45s var(--xe-ease),box-shadow .45s var(--xe-ease)}
  body.xhc-cosmos .xhc-plan-card:hover{transform:translate3d(0,-5px,0);box-shadow:var(--xe-card-shadow-hover)}
}
body.xhc-cosmos .posts-item.card:active{transform:translate3d(0,-1px,0) scale(.992);transition-duration:.12s}

/* 按钮：统一按下反馈与聚焦环（键盘可见） */
body.xhc-cosmos :is(.but,.xhc-plan-action,.xhc-actions a,.xcn-directions a,.xcn-software a,#xhc-quick button){transition:transform .22s var(--xe-ease),opacity .2s,box-shadow .25s}
body.xhc-cosmos :is(.but,.xhc-plan-action,.xhc-actions a,.xcn-directions a,.xcn-software a):active{transform:scale(.965)}
body.xhc-cosmos :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:none!important;box-shadow:var(--xe-ring)!important;border-radius:10px}
body.xhc-cosmos .xhc-plan-action{position:relative;overflow:hidden;isolation:isolate}
body.xhc-cosmos .xhc-plan-action::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 60%);opacity:0;transition:opacity .25s}
body.xhc-cosmos .xhc-plan-action:hover::before{opacity:1}

/* ---------- E. 头像等级光环（顶部用户 / 评论 / 用户中心 / 作者） ---------- */
body.xhc-cosmos :is(.avatar-img,.avatar-mini)[data-xhc-tier]{isolation:isolate}
body.xhc-cosmos :is(.avatar-img,.avatar-mini)[data-xhc-tier]>img.avatar{border-radius:50%;position:relative;z-index:1}
body.xhc-cosmos :is(.avatar-img,.avatar-mini)[data-xhc-tier]::before{content:"";position:absolute;inset:-2px;border-radius:50%;z-index:0;pointer-events:none;
  background:conic-gradient(from 210deg,#7fb2ff,#9ce7f5,#7c8cff,#7fb2ff);opacity:.75;transition:transform .9s var(--xe-ease),opacity .3s}
body.xhc-cosmos :is(.avatar-img,.avatar-mini)[data-xhc-tier="gold"]::before{background:conic-gradient(from 200deg,#fff1c2,#e3a93b,#fbd77b,#b8781d,#fff1c2);opacity:.95}
body.xhc-cosmos :is(.avatar-img,.avatar-mini)[data-xhc-tier="supreme"]::before{background:conic-gradient(from 180deg,#f3d8ff,#9a6bff,#5fd3ff,#c58bff,#ffd28a,#f3d8ff);opacity:1}
body.xhc-cosmos .avatar-img[data-xhc-tier]::before{inset:-3px}
body.xhc-cosmos .avatar-img[data-xhc-tier="supreme"]::after{content:"";position:absolute;inset:-7px;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(160,120,255,.45),transparent 68%);opacity:.7}
body.xhc-cosmos .avatar-img[data-xhc-tier="gold"]::after{content:"";position:absolute;inset:-6px;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(242,190,90,.38),transparent 68%);opacity:.7}
body.xhc-cosmos :is(.avatar-img,.avatar-mini)[data-xhc-tier] .avatar-badge{z-index:2}
@media (hover:hover){body.xhc-cosmos:not(.xhc-still) :is(a,.comment,.posts-item,.user-info,.navbar-avatar):hover>.avatar-img[data-xhc-tier]::before,body.xhc-cosmos:not(.xhc-still) .avatar-img[data-xhc-tier]:hover::before,body.xhc-cosmos:not(.xhc-still) a:hover .avatar-img[data-xhc-tier]::before{transform:rotate(180deg)}}

/* ---------- F. 外观胶囊（替代左下角常驻长条，不再遮挡价格/卡片） ---------- */
#xhc-quick{position:fixed;left:16px;bottom:18px;z-index:1031;display:flex;align-items:flex-end;gap:8px;pointer-events:none}
#xhc-quick>*{pointer-events:auto}
#xhc-quick .xhc-quick-orb{position:relative;width:42px;height:42px;border-radius:50%;border:1px solid var(--xe-line-strong);background:var(--xhc-surface,#fff);color:var(--xe-cyan);display:grid;place-items:center;cursor:pointer;padding:0;
  box-shadow:0 10px 26px -12px rgba(20,40,100,.5),0 0 0 4px rgba(127,170,255,.06)}
#xhc-quick .xhc-quick-orb svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;transition:transform .5s var(--xe-spring),opacity .3s}
#xhc-quick .xhc-quick-orb .xhc-moon{fill:currentColor;stroke:none;opacity:0;transform:rotate(-40deg) scale(.6);transform-origin:12px 12px}
#xhc-quick .xhc-quick-orb .xhc-sun{transform-origin:12px 12px;transition:transform .5s var(--xe-spring),opacity .3s}
body.dark-theme #xhc-quick .xhc-quick-orb .xhc-moon{opacity:1;transform:none}
body.dark-theme #xhc-quick .xhc-quick-orb .xhc-sun{opacity:0;transform:rotate(90deg) scale(.5)}
#xhc-quick .xhc-quick-mode{position:absolute;right:-3px;bottom:-3px;min-width:18px;height:16px;padding:0 4px;border-radius:8px;font-size:9px;line-height:16px;font-weight:700;color:#fff;background:linear-gradient(115deg,#3d6fe0,#7a5ce6);box-shadow:0 2px 6px rgba(30,50,120,.35)}
#xhc-quick .xhc-quick-orb:hover{transform:translateY(-1px)}#xhc-quick .xhc-quick-orb:active{transform:scale(.94)}
#xhc-quick .xhc-quick-panel{display:flex;align-items:center;gap:6px;padding:5px;border-radius:16px;border:1px solid var(--xe-line-strong);background:var(--xhc-surface,#fff);box-shadow:0 18px 40px -18px rgba(14,30,80,.55);
  opacity:0;transform:translate3d(-8px,0,0) scale(.96);transform-origin:0 100%;visibility:hidden;transition:opacity .22s var(--xe-ease),transform .32s var(--xe-ease),visibility 0s .32s}
#xhc-quick.is-open .xhc-quick-panel{opacity:1;transform:none;visibility:visible;transition:opacity .22s var(--xe-ease),transform .32s var(--xe-ease),visibility 0s}
@media (hover:hover) and (pointer:fine){#xhc-quick:hover .xhc-quick-panel,#xhc-quick:focus-within .xhc-quick-panel{opacity:1;transform:none;visibility:visible;transition:opacity .22s var(--xe-ease),transform .32s var(--xe-ease),visibility 0s}}
body.xhc-cosmos #xhc-quick #xhc-appearance{position:relative!important;left:auto!important;bottom:auto!important;margin:0;padding:3px;border-radius:12px;box-shadow:none;border:0;background:var(--xhc-surface-2,#f5f8ff);z-index:0}
body.xhc-cosmos #xhc-quick #xhc-appearance::before{content:"";position:absolute;top:3px;bottom:3px;left:0;width:var(--xhc-pill-w,0);transform:translate3d(var(--xhc-pill-x,0),0,0);border-radius:9px;background:var(--xhc-surface,#fff);box-shadow:0 2px 10px -3px rgba(30,60,140,.35),inset 0 0 0 1px var(--xe-line-strong);transition:transform .38s var(--xe-spring),width .3s var(--xe-ease);z-index:-1}
body.xhc-cosmos #xhc-quick #xhc-appearance button{position:relative;padding:7px 12px;font-size:12px;font-weight:600;letter-spacing:.04em;border-radius:9px;background:transparent!important;box-shadow:none!important;color:var(--xhc-muted)}
body.xhc-cosmos #xhc-quick #xhc-appearance button[aria-pressed=true]{color:var(--xe-cyan)}
body.xhc-cosmos #xhc-quick #xhc-effects{position:relative!important;left:auto!important;bottom:auto!important;padding:8px 12px;font-size:12px;border-radius:12px;box-shadow:none;white-space:nowrap}

/* ---------- G. 右侧悬浮按钮：去掉高饱和紫块，改为玻璃面 + 金色会员图标 ---------- */
body.xhc-cosmos .float-right .float-btn{--this-bg:var(--xhc-surface,#fff)!important;border:1px solid var(--xe-line-strong);border-radius:12px!important;box-shadow:0 10px 24px -14px rgba(20,40,100,.55);color:var(--xhc-muted)!important;transition:transform .25s var(--xe-ease),opacity .2s}
body.xhc-cosmos .float-right .float-btn.signin-loader,body.xhc-cosmos .float-right .float-btn[style*="--this-bg"]{--this-color:var(--xe-gold)!important;color:var(--xe-gold)!important;background:var(--xhc-surface,#fff)!important}
body.xhc-cosmos .float-right.position-center{top:auto;bottom:84px;transform:none}
body.xhc-cosmos:is(.scroll-down,.scroll-ing,.modal-open) .float-right.position-center:is(.scroll-down-hide,.scrolling-hide),body.xhc-cosmos.modal-open .float-right.position-center{transform:translateX(200%)}
body.xhc-cosmos .float-right .float-btn:hover{transform:translateX(-2px)}
body.xhc-cosmos .float-right .float-btn:active{transform:scale(.94)}

/* ---------- H. 滚动进场 ---------- */
body.xhc-cosmos .xhc-rise{opacity:0;transform:translate3d(0,18px,0) scale(.985);transition:opacity .6s var(--xe-ease),transform .75s var(--xe-ease)}
body.xhc-cosmos .xhc-rise.xhc-in{opacity:1;transform:none}

/* ---------- I. 点击光效（复用节点，仅 transform/opacity） ---------- */
.xhc-spark{position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;z-index:20000;--c1:#8fc7ff;--c2:#b7a4ff}
.xhc-spark[data-tone="coral"]{--c1:#ff8a74;--c2:#ffc0a8}.xhc-spark[data-tone="green"]{--c1:#47dca8;--c2:#a9f5d6}.xhc-spark[data-tone="gold"]{--c1:#f6c45f;--c2:#ffe7a8}
.xhc-spark b{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;opacity:0}
.xhc-spark b:first-child{border:1.5px solid var(--c1);box-shadow:0 0 12px var(--c1),inset 0 0 8px var(--c2)}
.xhc-spark b:last-child{background:radial-gradient(circle,#fff 0,var(--c2) 22%,transparent 62%)}
.xhc-spark.is-on b:first-child{animation:xhc-spark-ring .6s var(--xe-ease,ease-out) both}
.xhc-spark.is-on b:last-child{animation:xhc-spark-core .42s ease-out both}
@keyframes xhc-spark-ring{0%{opacity:.95;transform:scale(.25)}100%{opacity:0;transform:scale(2.6)}}
@keyframes xhc-spark-core{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.5)}}

/* ---------- J. 课程导航归类：方向 / 软件两级，软件行加标签与横滑渐隐 ---------- */
body.xhc-cosmos .xcn-directions a{border-radius:12px;transition:transform .22s var(--xe-ease),box-shadow .25s,opacity .2s}
body.xhc-cosmos .xcn-directions a:hover{transform:translateY(-1px)}
body.xhc-cosmos .xcn-directions a.is-active{box-shadow:0 10px 24px -12px rgba(64,110,230,.75)}
body.xhc-cosmos .xcn-software{position:relative;align-items:center;row-gap:6px}
body.xhc-cosmos .xcn-software::before{content:"软件 / 主题";flex:0 0 auto;margin-right:6px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--xe-cyan);border:1px solid var(--xe-line-strong);background:var(--xhc-surface-2,transparent)}
body.xhc-cosmos .xcn-software a{border-radius:999px;padding:3px 10px;border:1px solid transparent;transition:transform .2s var(--xe-ease),border-color .2s,opacity .2s}
body.xhc-cosmos .xcn-software a:hover,body.xhc-cosmos .xcn-software a.is-active{border-color:var(--xe-line-strong)}
body.xhc-cosmos .xcn-heading .xcn-search{border-radius:14px}

/* ---------- K. 移动端细节 ---------- */
@media (max-width:767px){
  #xhc-quick{left:10px;bottom:calc(62px + env(safe-area-inset-bottom))}
  #xhc-quick .xhc-quick-orb{width:38px;height:38px}
  #xhc-quick .xhc-quick-panel{flex-direction:column;align-items:stretch;transform-origin:0 100%}
  body.xhc-cosmos #xhc-quick #xhc-appearance button{padding:8px 11px}
  body.xhc-cosmos .float-right.position-center{top:auto;bottom:calc(64px + env(safe-area-inset-bottom));transform:none}
  body.xhc-cosmos.scroll-down .float-right.position-center.scroll-down-hide,body.xhc-cosmos.scroll-ing .float-right.position-center.scrolling-hide,body.xhc-cosmos.modal-open .float-right.position-center{transform:translateX(200%)}
  body.xhc-cosmos .float-right .float-btn{width:36px;min-height:36px;font-size:1.2em}
  body.xhc-cosmos .article-title{font-size:clamp(18px,4.2vw + 4px,22px)!important;line-height:1.42!important}
  body.xhc-cosmos .item-heading{font-size:14px}
  body.xhc-cosmos .xcn-software{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,#000 0,#000 86%,transparent);mask:linear-gradient(90deg,#000 0,#000 86%,transparent);padding-right:28px}
  body.xhc-cosmos .xcn-software::-webkit-scrollbar{display:none}
  body.xhc-cosmos .xcn-software a{flex:0 0 auto}
  body.xhc-cosmos .header-slider-search .search_keywords{padding:2px 9px!important}
}
@media (max-width:360px){
  body.xhc-cosmos .xhc-mobile-access a{padding:0 9px;font-size:12px}
  body.xhc-cosmos .xhc-hero h1{font-size:34px}
}

/* ---------- L. 空闲 / 静态视界 / 减少动态：一律停 ---------- */
body.xhc-cosmos.xhc-idle::before,body.xhc-cosmos.xhc-idle::after,body.xhc-cosmos.xhc-idle .xhc-hero::before,body.xhc-cosmos.xhc-idle .xhc-actions a::after{animation-play-state:paused!important}
body.xhc-cosmos.xhc-still .xhc-spark,body.xhc-cosmos.xhc-still .xhc-rise{animation:none!important;transition:none!important;opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  body.xhc-cosmos *{scroll-behavior:auto!important}
  body.xhc-cosmos :is(.posts-item.card,.posts-item .item-thumbnail img,.xhc-plan-card,#xhc-quick *,.avatar-img::before,.xcn-directions a){transition:none!important}
  .xhc-spark{display:none}
  body.xhc-cosmos .xhc-rise{opacity:1;transform:none}
}

/* ---------- M. 课程页会员价按钮：黄金=金、至尊=紫（只改外观，金额与跳转不变） ---------- */
body.xhc-cosmos .vip-price-buts .but.vip-price{position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent;transition:transform .25s var(--xe-ease),box-shadow .3s}
body.xhc-cosmos .vip-price-buts .but.vip-price[vip-level="1"]{background:linear-gradient(135deg,rgba(255,236,190,.95),rgba(246,206,128,.9))!important;color:#6b4508!important;border-color:rgba(217,154,43,.45);box-shadow:0 12px 28px -18px rgba(217,154,43,.8)}
body.xhc-cosmos .vip-price-buts .but.vip-price[vip-level="2"]{background:linear-gradient(135deg,rgba(238,226,255,.96),rgba(206,184,255,.92))!important;color:#4a2b93!important;border-color:rgba(138,99,230,.45);box-shadow:0 12px 28px -18px rgba(138,99,230,.85)}
body.xhc-cosmos.dark-theme .vip-price-buts .but.vip-price[vip-level="1"]{background:linear-gradient(135deg,rgba(74,52,18,.92),rgba(43,31,14,.92))!important;color:#ffdf9a!important;border-color:rgba(242,196,109,.42)}
body.xhc-cosmos.dark-theme .vip-price-buts .but.vip-price[vip-level="2"]{background:linear-gradient(135deg,rgba(55,36,102,.94),rgba(30,22,64,.94))!important;color:#e2d4ff!important;border-color:rgba(185,155,255,.45)}
body.xhc-cosmos .vip-price-buts .but.vip-price::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate3d(-120%,0,0);opacity:.0;transition:transform .9s var(--xe-ease),opacity .3s}
@media (hover:hover){body.xhc-cosmos .vip-price-buts .but.vip-price:hover{transform:translateY(-2px)}body.xhc-cosmos .vip-price-buts .but.vip-price:hover::after{transform:translate3d(120%,0,0);opacity:1}}
body.xhc-cosmos .vip-price-buts .vip-price-text{color:inherit!important}

/* ---------- N. 首页布局稳定（CLS）：星河首屏与会员面板由页脚脚本就位前，先隐藏其下方内容，
   隐藏元素的位移不计入 CLS；脚本异常时 1.2 秒后自动显示。 ---------- */
@keyframes xhc-unhide{to{visibility:visible}}
body.home.xhc-cosmos:not(.xhc-home-ready) :is(.header-slider-container,body>main,.fluid-widget-wrap,body>footer,.footer,#xhc-membership,#xhc-universe,#xhc-home-deck){visibility:hidden;animation:xhc-unhide 0s 1.2s forwards}
/* 手机课程页会员价按钮：首帧即按最终布局纵向铺满，避免脚本补充“省 xx RMB”后换行造成位移 */
@media (max-width:767px){body.xhc-cosmos .pay-box .vip-price-buts{display:flex!important;flex-direction:column;align-items:stretch}body.xhc-cosmos .pay-box .vip-price-buts .vip-price{width:100%;margin:0!important}}

/* ---------- O. 导航「资源库」下拉面板 ---------- */
body.xhc-cosmos .xhc-resource-hub .xhc-hub-icon{width:15px;height:15px;margin-right:4px;vertical-align:-2px;fill:none;stroke:var(--xe-cyan);stroke-width:1.8;stroke-linejoin:round}
body.xhc-cosmos .xhc-resource-hub>.xhc-hub-panel{min-width:300px;padding:8px!important;border-radius:16px!important;border:1px solid var(--xe-line-strong)!important;box-shadow:0 24px 60px -24px rgba(10,24,70,.55)!important}
body.xhc-cosmos .xhc-hub-panel>.xhc-hub-item>a{display:flex!important;align-items:center;gap:12px;padding:10px 12px!important;border-radius:12px;white-space:normal;transition:transform .2s var(--xe-ease),background-color .2s}
body.xhc-cosmos .xhc-hub-panel>.xhc-hub-item>a:hover{background:var(--xhc-surface-2,rgba(120,150,220,.08))!important;transform:translateX(2px)}
body.xhc-cosmos .xhc-hub-glyph{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,rgba(127,220,240,.16),rgba(150,120,255,.16));border:1px solid var(--xe-line-strong)}
body.xhc-cosmos .xhc-hub-glyph svg{width:19px;height:19px;fill:none;stroke:var(--xe-cyan);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.xhc-cosmos .xhc-hub-text{display:flex;flex-direction:column;gap:2px;min-width:0}
body.xhc-cosmos .xhc-hub-text .menu-item-title{font-weight:700;font-size:14px;max-width:none!important;color:var(--main-color)}
body.xhc-cosmos .xhc-hub-text small{font-size:12px;color:var(--muted-2-color,#8a97b3);line-height:1.4}

/* ---------- P. 课程卡片重设计：通栏封面、紧凑价格行、首页精选大卡 ---------- */
body.xhc-cosmos :is(.xhc-quote-grid,.xcn-course-grid)>.posts-item.card{padding:0!important;overflow:hidden;border-radius:18px!important;background:linear-gradient(180deg,var(--xhc-surface,#fff),var(--xhc-surface-2,#f5f8ff))}
body.xhc-cosmos :is(.xhc-quote-grid,.xcn-course-grid)>.posts-item.card .item-thumbnail{border-radius:0!important;padding-bottom:56.25%}
body.xhc-cosmos :is(.xhc-quote-grid,.xcn-course-grid)>.posts-item.card .item-thumbnail img{border-radius:0!important}
body.xhc-cosmos :is(.xhc-quote-grid,.xcn-course-grid)>.posts-item.card .item-thumbnail::after{content:"";position:absolute;inset:auto 0 0;height:38%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(6,10,24,.28))}
body.xhc-cosmos :is(.xhc-quote-grid,.xcn-course-grid)>.posts-item.card .item-body{margin:0!important;padding:14px 16px 16px!important}
body.xhc-cosmos :is(.xhc-quote-grid,.xcn-course-grid)>.posts-item.card .item-heading{font-size:15px!important;min-height:3.1em;margin-bottom:8px}
body.xhc-cosmos :is(.xhc-quote-grid,.xcn-course-grid)>.posts-item.card .item-tags{margin-bottom:8px!important}
body.xhc-cosmos :is(.xhc-quote-grid,.xcn-course-grid)>.posts-item.card .item-tags .but{font-size:11px;padding:2px 8px;border-radius:999px}
body.xhc-cosmos :is(.xhc-quote-grid,.xcn-course-grid)>.posts-item.card .item-meta{opacity:.78;margin-bottom:12px!important}
body.xhc-cosmos .widget-ajaxpager.xhc-quote-grid{gap:22px}
body.xhc-cosmos .xcn-course-grid{gap:22px!important}

/* 紧凑价格行：普通价在左，黄金 / 至尊两枚小徽章在右；三档价与“免费”规则不变，“立省”说明收起。 */
body.xhc-cosmos .posts-item.card .xhc-course-quotes:not(.xhc-single-free){display:flex!important;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px!important}
body.xhc-cosmos .posts-item.card .xhc-course-quotes:not(.xhc-single-free) .xhc-quote-main{flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:0!important;flex:0 0 auto}
body.xhc-cosmos .posts-item.card .xhc-course-quotes .xhc-quote-main .xhc-quote-label{font-size:10px;letter-spacing:.06em}
body.xhc-cosmos .posts-item.card .xhc-course-quotes .xhc-quote-main .xhc-quote-amount b{font-size:22px}
body.xhc-cosmos .posts-item.card .xhc-course-quotes .xhc-quote-members{display:flex!important;gap:6px;min-width:0}
body.xhc-cosmos .posts-item.card .xhc-course-quotes .xhc-quote-tier{padding:6px 9px 6px!important;gap:1px!important;border-radius:11px!important;min-width:0}
body.xhc-cosmos .posts-item.card .xhc-course-quotes .xhc-quote-tier-name{font-size:10px!important;gap:3px!important;white-space:nowrap}
body.xhc-cosmos .posts-item.card .xhc-course-quotes .xhc-quote-tier-name svg{width:12px;height:12px}
body.xhc-cosmos .posts-item.card .xhc-course-quotes .xhc-quote-tier .xhc-quote-amount b{font-size:16px!important}
body.xhc-cosmos .posts-item.card .xhc-course-quotes .xhc-quote-tier .xhc-quote-amount small{font-size:9px}
body.xhc-cosmos .posts-item.card .xhc-course-quotes .xhc-quote-note{display:none!important}
body.xhc-cosmos .posts-item.card .xhc-course-quotes.xhc-single-free{min-height:0!important;padding:11px 13px!important;gap:10px!important;margin-top:auto}
body.xhc-cosmos .posts-item.card .xhc-course-quotes.xhc-single-free .xhc-free-emblem{width:34px;height:34px;border-radius:11px}
body.xhc-cosmos .posts-item.card .xhc-course-quotes.xhc-single-free .xhc-free-title{font-size:20px}
/* 分类页（课程导航插件）的价格块，同样收成一行 */
body.xhc-cosmos .posts-item.card .xcn-price{display:flex!important;align-items:center;justify-content:space-between;gap:8px;margin:auto 16px 16px!important;padding:12px 0 0!important;border-top:1px solid var(--xe-line)!important;background:none!important;box-shadow:none!important}
body.xhc-cosmos .posts-item.card .xcn-price-main{display:flex!important;flex-direction:column;align-items:flex-start;gap:0!important;padding:0!important;margin:0!important}
body.xhc-cosmos .posts-item.card .xcn-price-main span{font-size:10px!important;letter-spacing:.06em}
body.xhc-cosmos .posts-item.card .xcn-price-main strong{font-size:20px!important;line-height:1.2}
body.xhc-cosmos .posts-item.card .xcn-members{display:flex!important;gap:6px!important;margin:0!important}
body.xhc-cosmos .posts-item.card .xcn-members>div{display:flex!important;flex-direction:column;align-items:flex-start;gap:0!important;padding:6px 9px!important;border-radius:11px!important;min-width:0!important}
body.xhc-cosmos .posts-item.card .xcn-members>div svg{display:none!important}
body.xhc-cosmos .posts-item.card .xcn-members small{font-size:10px!important;white-space:nowrap}
body.xhc-cosmos .posts-item.card .xcn-members b{font-size:15px!important;line-height:1.25}
body.xhc-cosmos .posts-item.card .xcn-members .xhc-saving{display:none!important}

/* 首页精选大卡（≥1100px）：横跨两列两行，大封面 + 大标题 */
@media (min-width:1100px){
  body.xhc-cosmos .xhc-quote-grid>.posts-item.card.xhc-feature{grid-column:span 2;grid-row:span 2}
  body.xhc-cosmos .xhc-quote-grid>.posts-item.xhc-feature .item-thumbnail{flex:1 1 auto;padding-bottom:0!important;height:auto!important;min-height:320px}
  body.xhc-cosmos .xhc-quote-grid>.posts-item.xhc-feature .item-thumbnail img{position:absolute!important;inset:0;width:100%;height:100%!important;object-fit:cover}
  body.xhc-cosmos .xhc-quote-grid>.posts-item.xhc-feature .item-body{flex:0 0 auto;padding:20px 24px 22px!important}
  body.xhc-cosmos .xhc-quote-grid>.posts-item.xhc-feature .item-heading{font-size:21px!important;line-height:1.45!important;min-height:0}
  body.xhc-cosmos .xhc-quote-grid>.posts-item.xhc-feature .xhc-course-quotes .xhc-quote-main .xhc-quote-amount b{font-size:28px}
  body.xhc-cosmos .xhc-quote-grid>.posts-item.xhc-feature .xhc-course-quotes .xhc-quote-tier{padding:8px 14px!important}
  body.xhc-cosmos .xhc-quote-grid>.posts-item.xhc-feature .xhc-course-quotes .xhc-quote-tier .xhc-quote-amount b{font-size:20px!important}
  body.xhc-cosmos .xhc-quote-grid>.posts-item.xhc-feature::before{content:"精选";position:absolute;z-index:3;top:16px;left:16px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.12em;color:#fff;background:linear-gradient(115deg,rgba(64,110,230,.92),rgba(138,99,230,.92));box-shadow:0 8px 20px -8px rgba(60,80,200,.7)}
}
@media (max-width:767px){
  body.xhc-cosmos :is(.xhc-quote-grid,.xcn-course-grid)>.posts-item.card{border-radius:14px!important}
  body.xhc-cosmos :is(.xhc-quote-grid,.xcn-course-grid)>.posts-item.card .item-body{padding:10px 10px 12px!important}
  body.xhc-cosmos :is(.xhc-quote-grid,.xcn-course-grid)>.posts-item.card .item-heading{font-size:13px!important}
  body.xhc-cosmos .posts-item.card .xhc-course-quotes:not(.xhc-single-free),body.xhc-cosmos .posts-item.card .xcn-price{flex-direction:column;align-items:stretch!important}
  body.xhc-cosmos .posts-item.card .xcn-price{margin:auto 10px 12px!important}
  body.xhc-cosmos .posts-item.card .xhc-course-quotes:not(.xhc-single-free) .xhc-quote-main,body.xhc-cosmos .posts-item.card .xcn-price-main{flex-direction:row!important;align-items:baseline!important;justify-content:space-between;width:100%}
  body.xhc-cosmos .posts-item.card :is(.xhc-quote-members,.xcn-members)>*{flex:1 1 0}
  body.xhc-cosmos .xhc-quote-grid>.posts-item.card.xhc-feature{grid-column:1/-1}
  body.xhc-cosmos .xhc-quote-grid>.posts-item.xhc-feature .item-heading{font-size:16px!important}
}
@media (min-width:1100px){body.xhc-cosmos .xhc-quote-grid>.posts-item.card.xhc-feature .item-heading{height:auto!important;min-height:0!important;max-height:2.9em!important;line-height:1.45!important}}

/* ---------- Q. 1.2.18.4/.5（.5：无 placeholder 属性时不再误隐藏空框提示） UI 对比与占位叠层修复 ----------
   首页搜索：有内容时隐藏 .scale-placeholder；夜间热词高对比；
   密码页提交按钮可见文案；侧栏/付费区 muted 字可读；日间不翻车。 */

/* 有内容时彻底隐藏浮动占位（Zibll 仅缩放为 is-focus，仍叠在输入字上） */
body.xhc-cosmos .line-form-input[placeholder]:not(:placeholder-shown) ~ .scale-placeholder,
body.xhc-cosmos .line-form-input.is-filled ~ .scale-placeholder,
body.xhc-cosmos .line-form.is-filled .scale-placeholder{
  display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}
/* 空值时夜间占位可读 */
body.xhc-cosmos.dark-theme .header-slider-search .scale-placeholder,
body.xhc-cosmos.dark-theme .line-form .scale-placeholder{
  color:#b6c8e8!important;opacity:.88!important;
}
body.xhc-cosmos:not(.dark-theme) .header-slider-search .scale-placeholder,
body.xhc-cosmos:not(.dark-theme) .line-form .scale-placeholder{
  color:#5a6f96!important;
}

/* 夜间热词：覆盖 Zibll --this-color/#888 与半透明白底 */
body.xhc-cosmos.dark-theme .header-slider-search :is(.search_keywords,.search_keywords.but,.search_keywords.muted-2-color){
  --this-bg:rgba(52,74,120,.96)!important;--this-color:#edf3ff!important;
  background:rgba(52,74,120,.96)!important;background-color:rgba(52,74,120,.96)!important;
  color:#edf3ff!important;-webkit-text-fill-color:#edf3ff!important;
  border:1px solid rgba(170,200,255,.42)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.25);
}
body.xhc-cosmos.dark-theme .header-slider-search :is(.search_keywords,.search_keywords.but):hover{
  --this-bg:rgba(68,94,148,.98)!important;background:rgba(68,94,148,.98)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body.xhc-cosmos.dark-theme .header-slider-search .search-keywords .muted-color,
body.xhc-cosmos.dark-theme .header-slider-search .search-keywords p,
body.xhc-cosmos.dark-theme .header-slider-search .search-keywords span{
  color:#c5d4f0!important;
}
/* 日间热词保持清晰深色，避免被夜间规则污染 */
body.xhc-cosmos:not(.dark-theme) .header-slider-search .search_keywords{
  --this-color:#3a4f78!important;color:#3a4f78!important;
}

/* 顶栏搜索：夜间占位与输入字 */
body.xhc-cosmos.dark-theme .header :is(input.search-input,input[name=s].form-control,input.focus-show){
  color:#e8f0ff!important;-webkit-text-fill-color:#e8f0ff!important;
}
body.xhc-cosmos.dark-theme .header :is(input.search-input,input[name=s].form-control,input.focus-show)::placeholder{
  color:#9eb2d6!important;opacity:1!important;-webkit-text-fill-color:#9eb2d6!important;
}
body.xhc-cosmos:not(.dark-theme) .header :is(input.search-input,input[name=s].form-control)::placeholder{
  color:#7a8aa8!important;opacity:1!important;
}

/* 密码保护提交按钮：去掉浏览器灰底+继承浅色字导致的「白块无字」 */
body.xhc-cosmos .post-password-form input[type=submit],
body.xhc-cosmos form.post-password-form input[type=submit],
body.xhc-cosmos .wp-posts-content .post-password-form input[type=submit]{
  -webkit-appearance:none!important;appearance:none!important;
  background-color:#2f6fd8!important;
  background-image:linear-gradient(115deg,#2f6fd8,#1b9ac4)!important;
  background-repeat:no-repeat!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:0!important;border-radius:10px!important;
  padding:8px 18px!important;font-weight:700!important;font-size:14px!important;
  letter-spacing:.04em;cursor:pointer!important;min-width:72px;line-height:1.35;
  box-shadow:0 6px 16px -8px rgba(36,120,215,.65);
  transition:transform .2s var(--xe-ease),box-shadow .25s,opacity .2s;
}
body.xhc-cosmos .post-password-form input[type=submit]:hover{
  transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(36,120,215,.75);
  background-color:#3a7ae0!important;
}
body.xhc-cosmos .post-password-form input[type=submit]:active{transform:scale(.97)}
body.xhc-cosmos.dark-theme .post-password-form input[type=submit],
body.xhc-cosmos.dark-theme form.post-password-form input[type=submit],
body.xhc-cosmos.dark-theme .wp-posts-content .post-password-form input[type=submit]{
  background-color:#3d7ef0!important;
  background-image:linear-gradient(115deg,#3d7ef0,#2ab4d4)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* 密码输入框夜间可读 */
body.xhc-cosmos.dark-theme .post-password-form input[name=post_password]{
  color:#e8f0ff!important;-webkit-text-fill-color:#e8f0ff!important;
  background:rgba(14,22,40,.92)!important;border:1px solid rgba(160,190,255,.32)!important;
  border-radius:10px!important;padding:8px 12px!important;
}
body.xhc-cosmos:not(.dark-theme) .post-password-form input[name=post_password]{
  color:#1e304c!important;background:#fff!important;border:1px solid rgba(98,128,173,.28)!important;
  border-radius:10px!important;padding:8px 12px!important;
}
body.xhc-cosmos .post-password-form label{font-weight:600}

/* 侧栏 / 付费区 / 正文说明：夜间 muted 与深灰字提亮（含永久会员联系文案） */
body.xhc-cosmos.dark-theme :is(.sidebar,.pay-box,.zib-widget,.article-content,.wp-posts-content,.content-wrap)
  :is(.muted-2-color,.muted-color,.muted-3-color,.em09.muted-2-color){
  color:#b8caf0!important;
}
body.xhc-cosmos.dark-theme .pay-widget .box-body,
body.xhc-cosmos.dark-theme .pay-box .box-body,
body.xhc-cosmos.dark-theme .sidebar .zib-widget .box-body{
  color:#d7e3f8!important;
}
/* 正文/侧栏里常见的深色内联字（#333/#666/#555 等）在夜间强制提亮 */
body.xhc-cosmos.dark-theme .pay-box [style*="color:#"],
body.xhc-cosmos.dark-theme .pay-widget [style*="color:#"],
body.xhc-cosmos.dark-theme .sidebar .zib-widget [style*="color:#"],
body.xhc-cosmos.dark-theme .wp-posts-content [style*="color:#33"],
body.xhc-cosmos.dark-theme .wp-posts-content [style*="color:#55"],
body.xhc-cosmos.dark-theme .wp-posts-content [style*="color:#66"],
body.xhc-cosmos.dark-theme .wp-posts-content [style*="color:#77"],
body.xhc-cosmos.dark-theme .wp-posts-content [style*="color:#88"],
body.xhc-cosmos.dark-theme .wp-posts-content [style*="color:rgb(5"],
body.xhc-cosmos.dark-theme .wp-posts-content [style*="color:rgb(8"],
body.xhc-cosmos.dark-theme .article-content [style*="color:#33"],
body.xhc-cosmos.dark-theme .article-content [style*="color:#55"],
body.xhc-cosmos.dark-theme .article-content [style*="color:#66"]{
  color:#d7e3f8!important;
}
/* JS 会给过暗节点打 xhc-ink-fix；CSS 兜底 */
body.xhc-cosmos.dark-theme .xhc-ink-fix{color:#dce7fb!important;-webkit-text-fill-color:#dce7fb!important}