.skin-bg {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.skin-ui {position:absolute;left:50%;top:50%;width:1136px;height:640px;transform-origin:center;font-family:Arial,sans-serif;color:#ffe398}
.skin-ui > *, .skin-popup > *, .skin-dynamic > * {position:absolute}
.skin-ui > .cc-img,.skin-ui > .cc-s9 {pointer-events:none}
.skin-ui .cc-text {text-shadow:0 1px 2px #000}
.skin-ui [data-id$="lab_desc"] {white-space:normal;line-height:1.25;max-width:328px;max-height:67px;overflow:auto;font-size:16px}
.skin-canvas,.skin-dynamic {inset:0;width:1136px;height:640px;pointer-events:none}
.skin-dynamic > * {pointer-events:auto}
.skin-money {display:flex;align-items:center;font-size:18px;text-shadow:1px 1px #000}
.skin-money.skin-currency-native{left:390px;right:auto;top:4px;width:600px;height:40px;gap:15px}
.skin-currency{position:relative;flex:0 0 182px;height:34px;padding:0;border:0;background:transparent url('/assets/ui/skins/pic_doujidahui_dingdaohang_shuzi_di.png') center/100% 100%;color:white;font:22px Arial;text-shadow:1px 1px 2px #000}
button.skin-currency{background-image:url('/assets/ui/skins/btn_doujidahui_dingdaohang_shuzianniu_normal.png')}
button.skin-currency:active{background-image:url('/assets/ui/skins/btn_doujidahui_dingdaohang_shuzianniu_press.png')}
.skin-currency img{position:absolute;left:-4px;top:-3px;width:40px;height:40px}
.skin-currency span{position:absolute;left:36px;top:3px;width:113px;text-align:center}
.skin-hero-list {overflow:hidden auto;overscroll-behavior:contain;scrollbar-width:none}
.skin-hero {position:absolute;width:84px;height:84px;padding:0;border:0;background:none;overflow:visible}
.skin-hero .lu-icon {transform:scale(.7);transform-origin:top left}
.skin-hero-select {position:absolute;left:-11.6px;top:-11.6px;width:107.2px;height:107.2px;pointer-events:none}
.skin-hero-team {position:absolute;left:-16.3px;top:-4.2px;width:60.6px;height:44.4px;pointer-events:none}
.skin-unowned .lu-icon {filter:grayscale(1)}
.skin-own {padding:0;color:#fff;background:#262331;border:1px solid #b39966;font-size:18px}
.skin-strip {overflow:hidden;touch-action:pan-y;user-select:none}
.skin-strip-track {position:absolute;inset:0}
.skin-card {position:absolute;bottom:-3px;width:157px;height:198px;border:0;padding:0;background:transparent;transform-origin:50% 100%;overflow:visible;cursor:pointer}
.skin-card-frame,.skin-card-canvas {position:absolute;inset:0;width:157px;height:198px;pointer-events:none}
.skin-card-title {position:absolute;left:50%;bottom:29px;max-width:140px;max-height:44px;transform:translate(-50%,50%) scale(.8);pointer-events:none}
.skin-card-title.skin-title-text {transform:translate(-50%,50%);font-size:15px;line-height:17px;max-width:140px}
.skin-title-text {display:block;width:max-content;max-width:120px;color:#fff6c4;font-size:13px;font-weight:bold;line-height:15px;text-align:center;text-shadow:0 0 3px #000,0 1px 2px #000;white-space:normal}
.skin-portrait {pointer-events:none}
.skin-portrait > .lu-icon {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85)}
.skin-portrait-detail > .lu-icon {transform:translate(-50%,-50%) scale(.7)}
.skin-store-preview {position:absolute;background:transparent;border:0;padding:0}
.skin-store-card,.skin-store-frame {position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.skin-store-title {position:absolute;left:50%;pointer-events:none;transform-origin:center}
.skin-store-buy {position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:155px;min-height:37px;background-color:transparent;background-size:100% 100%;border:0;padding:5px;display:flex;align-items:center;justify-content:center;gap:3px;color:#fff7b9;font-size:14px;text-shadow:0 1px 2px #000}
.skin-store-buy img {width:18px;height:18px}
.skin-store-owned {position:absolute;width:130px;bottom:8px;left:50%;transform:translateX(-50%)}
.skin-shop-time {text-align:center;font-size:21px;line-height:1.6;color:#eee;pointer-events:none}
.skin-suit-list {display:flex;flex-direction:column;overflow:auto;gap:4px;scrollbar-width:thin}
.skin-suit {min-height:58px;position:relative;padding:5px;border:0;background:transparent url('/assets/ui/skins/btn_szgz_scg_tzm_normal.png') center/100% 100%;color:#fff;font-size:17px}
.skin-suit img {max-width:100%;max-height:48px;pointer-events:none}
.skin-suit.selected {background-image:url('/assets/ui/skins/btn_szgz_scg_tzm_press.png')}
.skin-collection-preview {background:none;border:0;padding:0}
.skin-collection-preview .skin-store-title {bottom:-50px}
.skin-collection-unowned {filter:grayscale(1) brightness(.7)}
.skin-collection-title {transform:translate(-50%,50%);max-width:200px;font-size:14px;line-height:16px;pointer-events:none}
.skin-milestones {display:flex;gap:30px;pointer-events:none}
.skin-milestones > div {flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#888}
.skin-milestones .active {color:#fff1a6}
.skin-total {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:17px;color:#ffe398}
.skin-milestone{background:none;border:0;padding:0}
.skin-milestone img{width:100%;height:100%;pointer-events:none}
.skin-bonus-tip{border:solid transparent;border-width:16px;border-image:url('/assets/ui/skins/pic_szgz_scg_tips_di_9g.png') 60 100 63 100 fill stretch;box-sizing:border-box;z-index:100;color:#fff5d7;font-size:18px;padding:8px 5px;text-shadow:1px 1px #321300}
.skin-bonus-tip>div{display:flex;justify-content:space-between;gap:12px;line-height:30px}
.skin-popup {inset:0;width:1136px;height:640px;background:#0009;z-index:10000}
.skin-popup .cc-img,.skin-popup .cc-s9 {pointer-events:none}
.skin-price-icon {pointer-events:none}
.skin-price-icon img {width:100%;height:100%;object-fit:contain}
.skin-rule-text {color:#fff8d2;overflow-y:auto;white-space:normal;line-height:1.5;font-size:17px}
.skin-detail-title {transform:translate(-50%,50%);color:#fff6c4;font:bold 17px Arial,sans-serif;white-space:nowrap;text-shadow:0 0 3px #5a2a00,0 1px 2px #000;pointer-events:none}
.skin-popup-shopBuy .cc-text {text-shadow:none}
.skin-popup-shopBuy [data-id$="lab_desc"] {font-size:16px}
/* detalhe da loja: o fundo desdobra de baixo (animação shizhuangxiangqing, quadros 1 a 5) e os painéis entram no quadro 5 */
.skin-popup-shopBuy > * {animation:skin-detail-show 0s linear .17s both}
.skin-popup-shopBuy > [data-id="root.main.bg"] {animation:skin-detail-bg .17s ease-out both}
@keyframes skin-detail-show {from {visibility:hidden} to {visibility:visible}}
@keyframes skin-detail-bg {from {transform:translateY(173px) scaleY(.09)} to {transform:none}}