/* 虚幻之初 1.2.19 · 译文溢出防护 + 登录/注册/收银台/充值精修
   只改外观：不改金额、支付方式、表单字段与逻辑、会员权益。
   xhc-i18n：elevate.js 在 Zibll 语言切换为非中文时给 body 加的类。 */

/* ================= A. 通用溢出防护（中英文都安全：break-word 不改变中文排版） ================= */
body.xhc-cosmos :is(.wp-posts-content,.forum-posts,.posts-item,.zib-widget,.comment-content,.comment-text,.forum-content,.posts-mini,.user-card,.article-header,.pay-box,.xhd,.xcn-price){overflow-wrap:break-word}
/* 长 URL / 长英文单词：只对链接、行内代码、标题放开 anywhere */
body.xhc-cosmos :is(.wp-posts-content,.forum-posts,.zib-widget,.comment-content,.forum-content,.sidebar) :is(a,code,kbd):not(.but):not(.btn){overflow-wrap:anywhere;word-break:normal}
body.xhc-cosmos :is(.sidebar,.forum-posts,.posts-mini) :is(h1,h2,h3,h4,.item-heading,.forum-title,.title,.text-ellipsis-2){overflow-wrap:anywhere;min-width:0}
/* 弹性容器子项允许收缩，避免整卡被撑破 */
body.xhc-cosmos :is(.forum-posts,.vote-box,.xhd-card-body,.xhd-slide-body,.item-body,.sidebar .zib-widget) > :not(img):not(.avatar-img):not(.flex0){min-width:0}
body.xhc-cosmos .sidebar .zib-widget{max-width:100%;overflow-x:clip}
body.xhc-cosmos .sidebar img,body.xhc-cosmos .forum-posts img{max-width:100%}

/* 侧栏 / 列表里的帖子标题：最多 3 行 */
body.xhc-cosmos .sidebar :is(.forum-title,.item-heading,.posts-mini .item-heading,h2,h3){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
/* 首页甲板大卡标题：最多 3 行（中文长标题也受益） */
body.xhc-cosmos .xhd-slide-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
body.xhc-cosmos .xhd-card-title{overflow-wrap:anywhere}

/* 投票 / PK 卡片（Zibll bbs .vote-box，本站暂无投票帖，按主题源码选择器编写） */
body.xhc-cosmos .vote-box{display:flow-root;max-width:100%}
body.xhc-cosmos .vote-item{min-width:0;max-width:100%;text-overflow:ellipsis}
body.xhc-cosmos .vote-box :is(.muted-2-color,.muted-color,.em09,.px12,.vote-footer){white-space:normal;overflow-wrap:anywhere;line-height:1.5}
body.xhc-cosmos .vote-box + *{clear:both;position:relative}
body.xhc-cosmos .type-pk .vote-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 按钮与徽章：单行省略，不溢出 */
body.xhc-cosmos .header .navbar-but .but{max-width:168px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.xhc-cosmos.xhc-i18n :is(.xhd-badge,.xhd-tier em,.xcn-members small,.xhc-quote-tier-name){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 论坛左侧分类竖排 tab：省略号兜底 */
body.xhc-cosmos .fixed-wrap-nav .list-inline>li>a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ================= A2. 非中文界面（xhc-i18n）专用压缩 ================= */
@media (min-width:768px){
  body.xhc-cosmos.xhc-i18n .header .navbar-nav>li>a{max-width:118px}
  body.xhc-cosmos.xhc-i18n .header .navbar-nav>li>a .menu-item-title,body.xhc-cosmos.xhc-i18n .header .navbar-nav>li>a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.xhc-cosmos.xhc-i18n .header form.navbar-form.navbar-left{width:clamp(170px,14vw,230px)!important}
  body.xhc-cosmos.xhc-i18n .header form.navbar-form.navbar-left :is(input,.search-input){width:100%!important;min-width:0}
  body.xhc-cosmos.xhc-i18n .header .navbar-but .but{max-width:132px;padding-left:10px!important;padding-right:10px!important}
  body.xhc-cosmos.xhc-i18n .xhc-desktop-access{margin-left:6px;margin-right:6px}
  body.xhc-cosmos.xhc-i18n .xhc-desktop-access a{padding:0 11px;font-size:12.5px}
}
@media (min-width:768px) and (max-width:1280px){
  body.xhc-cosmos.xhc-i18n .header .navbar-but .payvip-icon.but{max-width:40px;color:transparent!important;position:relative}
  body.xhc-cosmos.xhc-i18n .header .navbar-but .payvip-icon.but :is(svg,i,.icon,img){color:#fff}
}
/* 论坛竖排 tab：英文允许两行 */
body.xhc-cosmos.xhc-i18n .fixed-wrap-nav .list-inline>li>a{white-space:normal;line-height:1.25;height:auto;min-height:2.2em;padding-top:.45em;padding-bottom:.45em;font-size:.92em;overflow-wrap:anywhere}
/* 卡片价格档位：英文标签更长 → 手机窄卡改为纵向，标签与价格同行，不断词 */
body.xhc-cosmos.xhc-i18n :is(.xcn-members,.xhc-quote-members) b{white-space:nowrap;line-height:1.2}
@media (max-width:767px){
  body.xhc-cosmos.xhc-i18n .posts-item.card .xcn-members{flex-direction:column!important;gap:5px!important}
  body.xhc-cosmos.xhc-i18n .posts-item.card .xcn-members>div{flex-direction:row!important;align-items:baseline!important;justify-content:space-between;gap:6px!important;width:100%}
  body.xhc-cosmos.xhc-i18n .posts-item.card .xhc-course-quotes .xhc-quote-members{flex-direction:column!important;gap:5px!important}
  body.xhc-cosmos.xhc-i18n .posts-item.card .xhc-course-quotes .xhc-quote-tier{flex-direction:row!important;align-items:baseline;justify-content:space-between;width:100%}
  body.xhc-cosmos.xhc-i18n :is(.xcn-members,.xhc-quote-members) b{font-size:13px!important}
  body.xhc-cosmos.xhc-i18n .xhc-actions{flex-wrap:wrap}
  body.xhc-cosmos.xhc-i18n .xhc-actions a{padding-left:14px;padding-right:14px;font-size:13px;line-height:1.25;white-space:normal}
}

/* ================= B. 登录 / 注册（独立页 /user-sign 与 #u_sign 弹窗） ================= */
body.xhc-cosmos{--xp-glass:linear-gradient(160deg,rgba(255,255,255,.92),rgba(244,248,255,.86));--xp-glass-line:rgba(91,118,178,.22);--xp-field:rgba(245,248,255,.9);--xp-field-line:rgba(91,118,178,.24);--xp-ink:#1e304c;--xp-muted:#5d6f90;--xp-focus:#2a8fd0;--xp-focus-glow:rgba(42,143,208,.2);
  --xp-coral:linear-gradient(115deg,#ef5a4c,#ff7f5c);--xp-gold:linear-gradient(115deg,#d99a2b,#f2c46d);--xp-violet:linear-gradient(115deg,#7b55e0,#b38bff);--xp-star:linear-gradient(115deg,#2f6fd8,#1b9ac4 60%,#6f5ce6)}
body.xhc-cosmos.dark-theme{--xp-glass:linear-gradient(160deg,rgba(22,32,60,.82),rgba(9,13,28,.9));--xp-glass-line:rgba(150,180,255,.2);--xp-field:rgba(255,255,255,.035);--xp-field-line:rgba(160,190,255,.2);--xp-ink:#e8f0ff;--xp-muted:#a6b6d6;--xp-focus:#7fdcf0;--xp-focus-glow:rgba(127,220,240,.2)}

body.xhc-cosmos .sign.zib-widget{position:relative;isolation:isolate;border-radius:22px!important;background:var(--xp-glass)!important;border:1px solid var(--xp-glass-line);
  -webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);color:var(--xp-ink);
  box-shadow:0 30px 80px -40px rgba(10,20,60,.75),0 1px 0 rgba(255,255,255,.08) inset!important;padding:6px 10px 10px}
body.xhc-cosmos .sign.zib-widget::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;z-index:-1;
  background:linear-gradient(135deg,rgba(127,220,240,.75),rgba(150,120,255,.45) 38%,transparent 60%,rgba(242,196,109,.55));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
body.xhc-cosmos .sign.zib-widget::after{content:"";position:absolute;width:220px;height:220px;right:-70px;top:-90px;border-radius:50%;pointer-events:none;z-index:-1;
  background:radial-gradient(circle,rgba(111,143,232,.28),transparent 68%);opacity:.9}
body.xhc-cosmos .sign .title-h-left{font-weight:780;letter-spacing:.02em;color:var(--xp-ink)}
body.xhc-cosmos .sign .title-h-left::after{background:linear-gradient(90deg,#7fdcf0,#9b7bff)!important;height:3px;border-radius:3px}
body.xhc-cosmos .sign :is(.muted-color,.muted-2-color){color:var(--xp-muted)!important}
body.xhc-cosmos .sign a.muted-color:hover,body.xhc-cosmos .sign a.muted-2-color:hover{color:var(--xp-focus)!important}

/* 输入框：玻璃字段 + 聚焦光（浮动标签位置随之微调） */
body.xhc-cosmos .sign .line-form{margin-bottom:14px!important}
body.xhc-cosmos .sign .line-form-input{background:var(--xp-field)!important;border:1px solid var(--xp-field-line)!important;border-radius:13px!important;
  padding:1.25em .95em .45em!important;color:var(--xp-ink)!important;opacity:1!important;transition:border-color .2s,box-shadow .25s,background-color .2s}
body.xhc-cosmos .sign .line-form-input:hover{border-color:color-mix(in srgb,var(--xp-focus) 45%,var(--xp-field-line))!important}
body.xhc-cosmos .sign .line-form-input:focus{border-color:var(--xp-focus)!important;box-shadow:0 0 0 3px var(--xp-focus-glow),0 8px 26px -14px var(--xp-focus)!important;outline:none}
body.xhc-cosmos .sign .line-form-line{display:none!important}
body.xhc-cosmos .sign .scale-placeholder{left:.95em;bottom:.72em;padding-left:0;color:var(--xp-muted);opacity:.95}
body.xhc-cosmos .sign :is(.scale-placeholder.is-focus,input:focus~.scale-placeholder,.line-form-input.is-filled~.scale-placeholder){transform:translateY(-12px)!important;font-size:11px;color:var(--xp-focus);opacity:1}
/* 登录/注册表单里的标签需要保留（与首页搜索不同）：覆盖 1.2.18.4 的“有内容隐藏” */
body.xhc-cosmos .sign .line-form-input.is-filled~.scale-placeholder,body.xhc-cosmos .sign .line-form.is-filled .scale-placeholder,
body.xhc-cosmos .sign .line-form-input[placeholder]:not(:placeholder-shown)~.scale-placeholder{display:block!important;visibility:visible!important;opacity:1!important}
body.xhc-cosmos .sign .line-form .abs-right{right:.8em;top:50%;transform:translateY(-50%);bottom:auto}
body.xhc-cosmos .sign .line-form .abs-right.yztx{right:.45em}
body.xhc-cosmos .sign .captchsubmit{border-radius:10px!important;padding:5px 12px!important;font-weight:650}
body.xhc-cosmos .sign .form-checkbox input{accent-color:#5b8cff}

/* 主按钮：登录=星蓝，注册=翡翠绿（沿用语义色），统一光泽 */
body.xhc-cosmos .sign :is(.signsubmit-loader,.but.btn-block){position:relative;overflow:hidden;border-radius:14px!important;min-height:46px;font-weight:750;letter-spacing:.08em;border:0!important;
  box-shadow:0 14px 30px -14px rgba(47,111,216,.85);transition:transform .2s var(--xe-ease,ease),box-shadow .25s}
body.xhc-cosmos .sign .signsubmit-loader.jb-blue{background:var(--xp-star)!important;color:#fff!important}
body.xhc-cosmos .sign .signsubmit-loader:is(.jb-green,.c-green){background:linear-gradient(115deg,#13a679,#3fd6a2)!important;color:#fff!important;box-shadow:0 14px 30px -14px rgba(22,163,122,.85)}
body.xhc-cosmos .sign .signsubmit-loader::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.32) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--xe-ease,ease)}
@media (hover:hover){body.xhc-cosmos .sign .signsubmit-loader:hover{transform:translateY(-1px)}body.xhc-cosmos .sign .signsubmit-loader:hover::after{transform:translateX(120%)}}
body.xhc-cosmos .sign .signsubmit-loader:active{transform:scale(.98)}
body.xhc-cosmos .sign .sign-logo img{max-height:44px;filter:drop-shadow(0 6px 18px rgba(111,143,232,.45))}
body.xhc-cosmos .sign .close{opacity:.7;border-radius:10px}

/* 弹窗背景：深空遮罩 + 模糊 */
body.xhc-cosmos .modal-backdrop.in{opacity:1!important;background:radial-gradient(ellipse at 50% 30%,rgba(28,40,90,.55),rgba(4,6,16,.78))!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body.xhc-cosmos:not(.dark-theme) .modal-backdrop.in{background:radial-gradient(ellipse at 50% 30%,rgba(160,180,230,.35),rgba(20,30,60,.45))!important}
body.xhc-cosmos #u_sign .modal-dialog{max-width:400px}
body.xhc-cosmos #u_sign .sign.zib-widget{padding-top:10px}

/* 独立登录页：卡片居中更聚焦，背景加一圈事件视界光晕 */
body.xhc-cosmos .sign-page .sign-col{position:relative}
body.xhc-cosmos .sign-page .sign-col::before{content:"";position:absolute;left:50%;top:44%;width:560px;height:560px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:-1;
  background:radial-gradient(circle,transparent 38%,rgba(127,220,240,.12) 46%,rgba(155,123,255,.1) 54%,transparent 66%);opacity:.9}
@media (max-width:767px){
  body.xhc-cosmos .sign.zib-widget{border-radius:20px!important;padding:4px 6px 8px}
  body.xhc-cosmos .sign-page .sign-col::before{width:420px;height:420px}
  body.xhc-cosmos #u_sign .modal-dialog{margin-left:14px;margin-right:14px}
}

/* ================= C. 收银台 / 开通会员 / 余额充值（登录后可见，按 Zibll 9.0 源码类名编写，未实测） ================= */
body.xhc-cosmos :is(#modal_pay_uservip,.payvip-modal,.shop-confirm-modal) .modal-content,
body.xhc-cosmos .modal-pay-body{border-radius:22px!important;background:var(--xp-glass)!important;border:1px solid var(--xp-glass-line)!important;color:var(--xp-ink);
  -webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 34px 90px -40px rgba(8,16,50,.85)!important}
body.xhc-cosmos .modal-colorful-header{border-radius:22px 22px 0 0}
@media (max-width:767px){body.xhc-cosmos :is(#modal_pay_uservip,.payvip-modal).bottom .modal-content{border-radius:22px 22px 0 0!important}}

/* 会员 / 充值档位卡：玻璃块，选中=暖金橙描边（价格色），数值字体等宽 */
body.xhc-cosmos .vip-product{border-radius:16px!important;background:var(--xp-field)!important;border:1px solid var(--xp-field-line)!important;
  transition:transform .2s var(--xe-ease,ease),border-color .2s,box-shadow .25s}
@media (hover:hover){body.xhc-cosmos .vip-product:hover{transform:translateY(-2px);border-color:rgba(242,170,80,.55)!important}}
body.xhc-cosmos :is(.vip-product.active,.vip-product-input:checked~.vip-product){border-color:#f0a33c!important;background:linear-gradient(160deg,rgba(242,170,80,.16),rgba(242,170,80,.04))!important;box-shadow:0 0 0 3px rgba(240,163,60,.18),0 16px 34px -18px rgba(240,140,40,.75)}
body.xhc-cosmos :is(.vip-product.active,.vip-product-input:checked~.vip-product)::before{color:#f0a33c!important}
body.xhc-cosmos .vip-product .product-price,body.xhc-cosmos :is(.pay-price,.actual-price-number){color:#e9862a;font-variant-numeric:tabular-nums lining-nums}
body.xhc-cosmos.dark-theme .vip-product .product-price,body.xhc-cosmos.dark-theme :is(.pay-price,.actual-price-number){color:#ffb45c}
body.xhc-cosmos .vip-product .pay-mark{opacity:.8}
body.xhc-cosmos .vip-product .vip-tag{background:var(--xp-coral)!important;color:#fff!important;box-shadow:0 6px 14px -6px rgba(239,90,76,.8)}

/* 等级卡：黄金=金，至尊=紫 */
body.xhc-cosmos .payvip-modal .vip-cardmini,body.xhc-cosmos .exchange-card-box>.vip-card{border-radius:14px;overflow:hidden}
body.xhc-cosmos .payvip-modal .vip-cardmini:not(.level-2){box-shadow:inset 0 0 0 1px rgba(217,154,43,.4)}
body.xhc-cosmos .payvip-modal .vip-cardmini.level-2{box-shadow:inset 0 0 0 1px rgba(138,99,230,.45)}
body.xhc-cosmos .pay-vip-info{border-radius:18px!important}

/* 支付方式：胶囊玻璃，选中星蓝光圈（不改支付方式本身） */
body.xhc-cosmos .payment-method-radio{border-radius:14px;border:1px solid var(--xp-field-line);background:var(--xp-field);transition:border-color .2s,box-shadow .25s}
body.xhc-cosmos .payment-method-radio:is(.active,:has(input:checked)){border-color:var(--xp-focus);box-shadow:0 0 0 3px var(--xp-focus-glow)}
/* 二维码区必须保持白底，保证可扫 */
body.xhc-cosmos .pay-qrcode{background:#fff!important;border-radius:16px;padding:10px;box-shadow:0 0 0 1px rgba(127,220,240,.35),0 18px 40px -18px rgba(60,120,255,.6)}
body.xhc-cosmos .pay-qrcode img{background:#fff}

/* 购买 / 支付按钮 = 珊瑚红 */
body.xhc-cosmos :is(.initiate-pay,.cashier-link,.pay-button>.but,.pay-button .dropup>.but,.balance-charge-form .but.btn-block){background:var(--xp-coral)!important;color:#fff!important;border:0!important;border-radius:14px!important;font-weight:750;letter-spacing:.06em;
  box-shadow:0 14px 30px -14px rgba(239,90,76,.85);transition:transform .2s var(--xe-ease,ease),box-shadow .25s}
@media (hover:hover){body.xhc-cosmos :is(.initiate-pay,.cashier-link):hover{transform:translateY(-1px);box-shadow:0 18px 36px -14px rgba(239,90,76,.95)}}
body.xhc-cosmos :is(.initiate-pay,.cashier-link):active{transform:scale(.98)}
body.xhc-cosmos .balance-charge-form .vip-product{min-width:72px}
body.xhc-cosmos .charge-box .line-form-input,body.xhc-cosmos .balance-charge-form input[type=number]{border-radius:12px;background:var(--xp-field)!important;border:1px solid var(--xp-field-line)!important;color:var(--xp-ink)!important}
body.xhc-cosmos .balance-charge-form input:focus,body.xhc-cosmos .charge-box input:focus{border-color:var(--xp-focus)!important;box-shadow:0 0 0 3px var(--xp-focus-glow)}
body.xhc-cosmos :is(.pay-notice,.pay-over-time){color:var(--xp-muted)}

@media (prefers-reduced-motion:reduce){
  body.xhc-cosmos :is(.sign .signsubmit-loader,.vip-product,.initiate-pay,.cashier-link){transition:none!important}
  body.xhc-cosmos .sign .signsubmit-loader::after{display:none}
}

/* 1.2.19 补充：译文下的小部件 */
@media (max-width:767px){
  body.xhc-cosmos.xhc-i18n .posts-item.card .xcn-members>div small{flex:1 1 auto;min-width:3.2em}
  body.xhc-cosmos.xhc-i18n .posts-item.card .xcn-members>div b{flex:0 0 auto;font-size:12.5px!important}
}
/* 外观圆钮角标（自动/日间/夜间）被译成长词时不撑出圆钮 */
body.xhc-cosmos.xhc-i18n #xhc-quick .xhc-quick-mode{max-width:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}

/* ================= 1.2.19.2 · 余额充值弹窗（真实结构：form.balance-charge-form > .charge-box > .vip-product×N 平铺） ================= */
body.xhc-cosmos .balance-charge-form{container-type:inline-size}
body.xhc-cosmos .balance-charge-form .charge-box:has(> .vip-product){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}
body.xhc-cosmos .balance-charge-form .charge-box:has(> .vip-product) > :not(.vip-product){grid-column:1/-1;min-width:0}
@container (max-width:339px){body.xhc-cosmos .balance-charge-form .charge-box:has(> .vip-product){grid-template-columns:repeat(2,minmax(0,1fr))}}
@supports not (container-type:inline-size){@media (max-width:400px){body.xhc-cosmos .balance-charge-form .charge-box:has(> .vip-product){grid-template-columns:repeat(2,minmax(0,1fr))}}}
body.xhc-cosmos .balance-charge-form .charge-box > .vip-product{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:3px;
  width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;min-height:84px;padding:20px 6px 10px!important;box-sizing:border-box;text-align:center;overflow:hidden}
body.xhc-cosmos .balance-charge-form .vip-product>:not(.vip-tag){max-width:100%;min-width:0;text-align:center}
body.xhc-cosmos .balance-charge-form .vip-product>.em14{font-size:22px!important;line-height:1.15;white-space:nowrap;font-weight:700;font-variant-numeric:tabular-nums}
body.xhc-cosmos .balance-charge-form .vip-product>.em14>.px12{font-size:11px!important;font-weight:500;margin-right:1px;opacity:.75}
body.xhc-cosmos .balance-charge-form .vip-product>.c-red{font-size:12.5px!important;line-height:1.3;white-space:nowrap}
body.xhc-cosmos .balance-charge-form .vip-product>.c-red .px12{font-size:10.5px!important}
body.xhc-cosmos .balance-charge-form .vip-product>.c-red .smail{display:block;margin:1px 0 0!important;font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
/* 角标：卡片内部右上角小徽章，单行省略，不压金额、不越界 */
body.xhc-cosmos .balance-charge-form .vip-product>.vip-tag{position:absolute!important;top:4px!important;right:4px!important;left:auto!important;bottom:auto!important;transform:none!important;
  max-width:calc(100% - 26px);white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;font-size:9.5px!important;line-height:14px!important;
  padding:0 6px!important;margin:0!important;border-radius:999px!important;z-index:2;pointer-events:none;box-shadow:none!important}

/* 用户中心「我的服务」图标：等分列，文字最多两行 + 省略 */
body.xhc-cosmos .icon-but-box>item{flex:1 1 0;min-width:0;padding-left:2px;padding-right:2px}
body.xhc-cosmos .icon-but-box>item>.px12{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.25;max-height:2.5em;text-overflow:ellipsis}
body.xhc-cosmos.xhc-i18n .icon-but-box>item>.px12{font-size:11px!important;overflow-wrap:anywhere;letter-spacing:-.01em}
