/* 登录 UI 皮肤 · 8 套。仅 .ua- / .bp-edit / .ls- / .skin-scope 前缀 */
.ua-skins{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin:-4px 0 14px}
.ua-skins button{border:1px solid rgba(160,130,200,.25);border-radius:13px;
 padding:6px 9px;font-size:10px;font-weight:900;cursor:pointer;
 background:rgba(255,255,255,.6);color:#8b7aa8;white-space:nowrap}
.ua-skins button.on{transform:translateY(-1px);box-shadow:0 3px 10px rgba(160,120,200,.22)}
.ua-skins .ua-preview-btn{border-style:dashed}
.ls-preview{position:fixed;inset:0;z-index:130;display:none;overflow-y:auto;
 padding:14px 12px 30px;background:linear-gradient(160deg,#fdf4fa,#f1eafb 55%,#fff8ec);
 -webkit-overflow-scrolling:touch}
.ls-preview.on{display:block}
.ls-head{max-width:760px;margin:0 auto 14px;background:rgba(255,255,255,.92);
 border-radius:20px;padding:14px 16px;box-shadow:0 6px 18px rgba(150,115,185,.16);
 display:flex;align-items:center;justify-content:space-between;gap:10px}
.ls-head b{font-size:15px;font-weight:900;color:#5c407f}
.ls-head small{display:block;font-size:10px;color:#a99cc0;margin-top:3px}
.ls-head button{border:0;border-radius:14px;padding:9px 13px;font-size:11px;
 font-weight:900;color:#8e6fc0;background:#f1e8fb;cursor:pointer;white-space:nowrap}
.ls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:760px;margin:0 auto}
.skin-scope{background:rgba(255,255,255,.6);border-radius:18px;padding:8px 8px 10px;
 box-shadow:0 4px 12px rgba(150,115,185,.12)}
.skin-scope .ua-panel{position:relative!important;display:block!important;
 inset:auto!important;background:none!important;backdrop-filter:none!important;padding:0!important}
.skin-scope .ua-wrap{position:relative!important;left:auto!important;top:auto!important;
 transform:none!important;width:100%!important;max-height:none!important;
 overflow:visible!important;margin:0!important;box-sizing:border-box;
 padding:13px 13px 15px;border-radius:18px}
.skin-scope .ua-wrap *{box-sizing:border-box}
.skin-scope .ua-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.skin-scope .ua-head b{font-size:14px;font-weight:900}
.skin-scope .ua-head button{width:26px;height:26px;flex:none;border:0;border-radius:50%;
 font-size:14px;line-height:1;cursor:pointer}
.skin-scope .ua-tabs{display:flex;gap:6px;margin-bottom:10px}
.skin-scope .ua-tabs button{flex:1;border:0;border-radius:11px;padding:8px 2px;
 font-size:10px;font-weight:900;cursor:pointer}
.skin-scope .ua-wrap label{display:block;margin-bottom:8px;font-size:9px;font-weight:800}
.skin-scope .ua-wrap input{display:block;width:100%;margin-top:4px;
 font-size:10px;padding:8px 9px;border-radius:9px;pointer-events:none}
.skin-scope .ua-main{display:block;width:100%;border:0;border-radius:13px;
 padding:10px 4px;margin-top:6px;font-size:11px;font-weight:900;cursor:pointer}
.skin-scope .ua-note{margin:8px 0 0;font-size:9px;line-height:1.6;text-align:center}
.ls-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:9px}
.ls-foot b{font-size:11px;font-weight:900;color:#5c407f}
.ls-foot button{border:0;border-radius:11px;padding:6px 9px;font-size:10px;
 font-weight:900;color:#5c407f;background:linear-gradient(100deg,#f9c9dd,#dcc9f6);cursor:pointer}
@media(max-width:360px){.ls-grid{grid-template-columns:1fr}}

body[data-login-skin="candy"] > .ua-panel,
.skin-scope[data-skin="candy"] .ua-panel { background:rgba(70,50,95,.42) }

body[data-login-skin="candy"] > .ua-panel .ua-wrap,
.skin-scope[data-skin="candy"] .ua-wrap { background:linear-gradient(150deg,rgba(255,255,255,.97),rgba(253,234,243,.95));border:2px solid #fff;box-shadow:0 18px 48px rgba(150,115,185,.3) }

body[data-login-skin="candy"] > .ua-panel .ua-head b,
.skin-scope[data-skin="candy"] .ua-head b { color:#5c407f }

body[data-login-skin="candy"] > .ua-panel .ua-head button,
.skin-scope[data-skin="candy"] .ua-head button { background:#f3eafb;color:#8e6fc0 }

body[data-login-skin="candy"] > .ua-panel .ua-wrap label,
.skin-scope[data-skin="candy"] .ua-wrap label { color:#8b7aa8 }

body[data-login-skin="candy"] > .ua-panel .ua-wrap input,
.skin-scope[data-skin="candy"] .ua-wrap input { background:#fff;color:#5c4b7d;border:1px solid rgba(160,130,200,.28) }

body[data-login-skin="candy"] > .ua-panel .ua-tabs button,
.skin-scope[data-skin="candy"] .ua-tabs button { background:#f7f2fc;color:#8b7aa8 }

body[data-login-skin="candy"] > .ua-panel .ua-tabs button.on, body[data-login-skin="candy"] > .ua-panel .ua-main, body[data-login-skin="candy"] .bp-edit,
.skin-scope[data-skin="candy"] .ua-tabs button.on, .skin-scope[data-skin="candy"] .ua-main, .skin-scope[data-skin="candy"] .bp-edit { background:linear-gradient(100deg,#f9c9dd,#dcc9f6);color:#5c407f }

body[data-login-skin="candy"] > .ua-panel .ua-out,
.skin-scope[data-skin="candy"] .ua-out { background:#fdeef4;color:#c47aa0 }

body[data-login-skin="candy"] > .ua-panel .ua-note, body[data-login-skin="candy"] > .ua-panel .ua-skins button,
.skin-scope[data-skin="candy"] .ua-note, .skin-scope[data-skin="candy"] .ua-skins button { color:#a99cc0 }

body[data-login-skin="candy"] > .ua-panel .ua-skins button.on,
.skin-scope[data-skin="candy"] .ua-skins button.on { background:linear-gradient(100deg,#f9c9dd,#dcc9f6);color:#5c407f }

body[data-login-skin="pocket"] > .ua-panel,
.skin-scope[data-skin="pocket"] .ua-panel { background:rgba(90,60,105,.42) }

body[data-login-skin="pocket"] > .ua-panel .ua-wrap,
.skin-scope[data-skin="pocket"] .ua-wrap { background:linear-gradient(150deg,#f7c9dd,#e5d3f4);border:5px solid #fff;border-radius:30px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6),0 18px 48px rgba(120,80,150,.34) }

body[data-login-skin="pocket"] > .ua-panel .ua-wrap:before,
.skin-scope[data-skin="pocket"] .ua-wrap:before { content:'MIOO ♡  POCKET LOGIN';display:block;text-align:center;font-size:11px;font-weight:900;letter-spacing:3px;color:#fff;margin-bottom:12px;text-shadow:0 1px 3px rgba(150,100,170,.3) }

body[data-login-skin="pocket"] > .ua-panel .ua-head b,
.skin-scope[data-skin="pocket"] .ua-head b { color:#fff;text-shadow:0 1px 3px rgba(150,100,170,.35) }

body[data-login-skin="pocket"] > .ua-panel .ua-head button,
.skin-scope[data-skin="pocket"] .ua-head button { background:rgba(255,255,255,.85);color:#a8799f }

body[data-login-skin="pocket"] > .ua-panel .ua-wrap label,
.skin-scope[data-skin="pocket"] .ua-wrap label { color:#7a5687 }

body[data-login-skin="pocket"] > .ua-panel .ua-wrap input,
.skin-scope[data-skin="pocket"] .ua-wrap input { background:#fff;border:3px solid rgba(255,255,255,.9);border-radius:14px;color:#5c4b7d;box-shadow:inset 0 2px 6px rgba(160,120,190,.12) }

body[data-login-skin="pocket"] > .ua-panel .ua-tabs button,
.skin-scope[data-skin="pocket"] .ua-tabs button { background:rgba(255,255,255,.65);color:#a8799f }

body[data-login-skin="pocket"] > .ua-panel .ua-tabs button.on,
.skin-scope[data-skin="pocket"] .ua-tabs button.on { background:#fff;color:#5c407f;box-shadow:0 3px 8px rgba(150,100,170,.2) }

body[data-login-skin="pocket"] > .ua-panel .ua-main,
.skin-scope[data-skin="pocket"] .ua-main { background:#5c3f5e;color:#fff;border-radius:20px }

body[data-login-skin="pocket"] > .ua-panel .ua-out, body[data-login-skin="pocket"] > .ua-panel .ua-skins button,
.skin-scope[data-skin="pocket"] .ua-out, .skin-scope[data-skin="pocket"] .ua-skins button { background:rgba(255,255,255,.8);color:#a8799f }

body[data-login-skin="pocket"] > .ua-panel .ua-note,
.skin-scope[data-skin="pocket"] .ua-note { color:#8a6a95 }

body[data-login-skin="pocket"] .bp-edit, body[data-login-skin="pocket"] > .ua-panel .ua-skins button.on,
.skin-scope[data-skin="pocket"] .bp-edit, .skin-scope[data-skin="pocket"] .ua-skins button.on { background:#fff;color:#5c407f }

body[data-login-skin="letter"] > .ua-panel,
.skin-scope[data-skin="letter"] .ua-panel { background:rgba(120,95,135,.35) }

body[data-login-skin="letter"] > .ua-panel .ua-wrap,
.skin-scope[data-skin="letter"] .ua-wrap { background:#fffaf2;border:2px dashed #e3c4dd;border-radius:18px;box-shadow:0 14px 34px rgba(170,130,160,.24);position:relative }

body[data-login-skin="letter"] > .ua-panel .ua-wrap:before,
.skin-scope[data-skin="letter"] .ua-wrap:before { content:'🎀';position:absolute;left:50%;top:-22px;transform:translateX(-50%);font-size:34px;filter:drop-shadow(0 3px 5px rgba(180,120,160,.25)) }

body[data-login-skin="letter"] > .ua-panel .ua-head,
.skin-scope[data-skin="letter"] .ua-head { margin-top:10px }

body[data-login-skin="letter"] > .ua-panel .ua-head b,
.skin-scope[data-skin="letter"] .ua-head b { color:#a2718f;letter-spacing:2px }

body[data-login-skin="letter"] > .ua-panel .ua-head button,
.skin-scope[data-skin="letter"] .ua-head button { background:#fdeaf3;color:#c47aa0 }

body[data-login-skin="letter"] > .ua-panel .ua-wrap label,
.skin-scope[data-skin="letter"] .ua-wrap label { color:#b08fa3 }

body[data-login-skin="letter"] > .ua-panel .ua-wrap input,
.skin-scope[data-skin="letter"] .ua-wrap input { background:#fff;border:1px solid #edd7e6;border-radius:10px;color:#7a5687 }

body[data-login-skin="letter"] > .ua-panel .ua-tabs button,
.skin-scope[data-skin="letter"] .ua-tabs button { background:#fdf1f8;color:#b08fa3 }

body[data-login-skin="letter"] > .ua-panel .ua-tabs button.on, body[data-login-skin="letter"] > .ua-panel .ua-skins button.on, body[data-login-skin="letter"] .bp-edit,
.skin-scope[data-skin="letter"] .ua-tabs button.on, .skin-scope[data-skin="letter"] .ua-skins button.on, .skin-scope[data-skin="letter"] .bp-edit { background:#fff3d6;color:#a8792f;border:1px solid #f0d59b }

body[data-login-skin="letter"] > .ua-panel .ua-main,
.skin-scope[data-skin="letter"] .ua-main { background:linear-gradient(100deg,#f7b9d4,#e8c8ef);color:#7a4a68;border-radius:14px }

body[data-login-skin="letter"] > .ua-panel .ua-out, body[data-login-skin="letter"] > .ua-panel .ua-skins button,
.skin-scope[data-skin="letter"] .ua-out, .skin-scope[data-skin="letter"] .ua-skins button { background:#fdf1f8;color:#c47aa0 }

body[data-login-skin="letter"] > .ua-panel .ua-note,
.skin-scope[data-skin="letter"] .ua-note { color:#c4a9bd }

body[data-login-skin="night"] > .ua-panel,
.skin-scope[data-skin="night"] .ua-panel { background:rgba(24,14,38,.62) }

body[data-login-skin="night"] > .ua-panel .ua-wrap,
.skin-scope[data-skin="night"] .ua-wrap { background:linear-gradient(160deg,#2a1b42,#3b2454);border:1px solid rgba(243,168,205,.45);border-radius:22px;box-shadow:0 0 0 1px rgba(201,179,239,.18),0 20px 50px rgba(10,4,22,.55),inset 0 0 34px rgba(201,179,239,.08) }

body[data-login-skin="night"] > .ua-panel .ua-head b,
.skin-scope[data-skin="night"] .ua-head b { color:#f6d9ec;letter-spacing:1px }

body[data-login-skin="night"] > .ua-panel .ua-head button,
.skin-scope[data-skin="night"] .ua-head button { background:rgba(243,168,205,.16);color:#f3a8cd }

body[data-login-skin="night"] > .ua-panel .ua-wrap label,
.skin-scope[data-skin="night"] .ua-wrap label { color:#c3a9dd }

body[data-login-skin="night"] > .ua-panel .ua-wrap input,
.skin-scope[data-skin="night"] .ua-wrap input { background:rgba(255,255,255,.07);border:1px solid rgba(201,179,239,.36);border-radius:11px;color:#f6e9ff }

body[data-login-skin="night"] > .ua-panel .ua-wrap input::placeholder,
.skin-scope[data-skin="night"] .ua-wrap input::placeholder { color:#9d86bd }

body[data-login-skin="night"] > .ua-panel .ua-tabs button,
.skin-scope[data-skin="night"] .ua-tabs button { background:rgba(201,179,239,.12);color:#c3a9dd }

body[data-login-skin="night"] > .ua-panel .ua-tabs button.on, body[data-login-skin="night"] > .ua-panel .ua-main, body[data-login-skin="night"] > .ua-panel .ua-skins button.on,
.skin-scope[data-skin="night"] .ua-tabs button.on, .skin-scope[data-skin="night"] .ua-main, .skin-scope[data-skin="night"] .ua-skins button.on { background:linear-gradient(100deg,#f3a8cd,#c9b3ef);color:#2a1b42;box-shadow:0 0 14px rgba(243,168,205,.4) }

body[data-login-skin="night"] > .ua-panel .ua-out, body[data-login-skin="night"] > .ua-panel .ua-skins button,
.skin-scope[data-skin="night"] .ua-out, .skin-scope[data-skin="night"] .ua-skins button { background:rgba(243,168,205,.12);color:#f3a8cd }

body[data-login-skin="night"] > .ua-panel .ua-note,
.skin-scope[data-skin="night"] .ua-note { color:#9d86bd }

body[data-login-skin="night"] .bp-edit,
.skin-scope[data-skin="night"] .bp-edit { background:rgba(243,168,205,.18);color:#f6d9ec }

body[data-login-skin="night"] > .ua-panel .ua-ava-row>span,
.skin-scope[data-skin="night"] .ua-ava-row>span { background:rgba(201,179,239,.14) }

body[data-login-skin="berry"] > .ua-panel,
.skin-scope[data-skin="berry"] .ua-panel { background:rgba(120,80,105,.38) }

body[data-login-skin="berry"] > .ua-panel .ua-wrap,
.skin-scope[data-skin="berry"] .ua-wrap { background:linear-gradient(155deg,#fff6e4,#fde3ef);border:3px solid #fff;border-radius:26px;box-shadow:0 16px 42px rgba(200,120,160,.26) }

body[data-login-skin="berry"] > .ua-panel .ua-wrap:before,
.skin-scope[data-skin="berry"] .ua-wrap:before { content:'🍓';position:absolute;right:16px;top:-18px;font-size:32px;filter:drop-shadow(0 3px 5px rgba(200,120,160,.28)) }

body[data-login-skin="berry"] > .ua-panel .ua-head b,
.skin-scope[data-skin="berry"] .ua-head b { color:#8a5a6e }

body[data-login-skin="berry"] > .ua-panel .ua-head button,
.skin-scope[data-skin="berry"] .ua-head button { background:#fde3ef;color:#c4689a }

body[data-login-skin="berry"] > .ua-panel .ua-wrap label,
.skin-scope[data-skin="berry"] .ua-wrap label { color:#b08599 }

body[data-login-skin="berry"] > .ua-panel .ua-wrap input,
.skin-scope[data-skin="berry"] .ua-wrap input { background:#fffdf8;border:2px solid #f3d4e2;border-radius:13px;color:#8a5a6e }

body[data-login-skin="berry"] > .ua-panel .ua-tabs button,
.skin-scope[data-skin="berry"] .ua-tabs button { background:#fdf0f6;color:#b08599 }

body[data-login-skin="berry"] > .ua-panel .ua-tabs button.on, body[data-login-skin="berry"] > .ua-panel .ua-main, body[data-login-skin="berry"] > .ua-panel .ua-skins button.on,
.skin-scope[data-skin="berry"] .ua-tabs button.on, .skin-scope[data-skin="berry"] .ua-main, .skin-scope[data-skin="berry"] .ua-skins button.on { background:linear-gradient(100deg,#f392b8,#f7c6a5);color:#fff;box-shadow:0 4px 12px rgba(230,140,175,.3) }

body[data-login-skin="berry"] > .ua-panel .ua-out, body[data-login-skin="berry"] > .ua-panel .ua-skins button,
.skin-scope[data-skin="berry"] .ua-out, .skin-scope[data-skin="berry"] .ua-skins button { background:#fdf0f6;color:#c4689a }

body[data-login-skin="berry"] > .ua-panel .ua-note,
.skin-scope[data-skin="berry"] .ua-note { color:#c9a8b8 }

body[data-login-skin="berry"] .bp-edit,
.skin-scope[data-skin="berry"] .bp-edit { background:#fff3d6;color:#a8792f }

body[data-login-skin="mist"] > .ua-panel,
.skin-scope[data-skin="mist"] .ua-panel { background:rgba(150,160,190,.3) }

body[data-login-skin="mist"] > .ua-panel .ua-wrap,
.skin-scope[data-skin="mist"] .ua-wrap { background:linear-gradient(165deg,#fbfaff,#eef4fc);border:1px solid #fff;border-radius:28px;box-shadow:0 20px 50px rgba(140,150,190,.22) }

body[data-login-skin="mist"] > .ua-panel .ua-wrap:before,
.skin-scope[data-skin="mist"] .ua-wrap:before { content:'☁';position:absolute;right:20px;top:-20px;font-size:30px;color:#fff;text-shadow:0 4px 10px rgba(150,160,200,.35) }

body[data-login-skin="mist"] > .ua-panel .ua-head b,
.skin-scope[data-skin="mist"] .ua-head b { color:#7c6e9c }

body[data-login-skin="mist"] > .ua-panel .ua-head button,
.skin-scope[data-skin="mist"] .ua-head button { background:#eef0fa;color:#9a8cba }

body[data-login-skin="mist"] > .ua-panel .ua-wrap label,
.skin-scope[data-skin="mist"] .ua-wrap label { color:#9a90b0 }

body[data-login-skin="mist"] > .ua-panel .ua-wrap input,
.skin-scope[data-skin="mist"] .ua-wrap input { background:rgba(255,255,255,.9);border:1px solid #e2def0;border-radius:14px;color:#6a5f8c }

body[data-login-skin="mist"] > .ua-panel .ua-tabs button,
.skin-scope[data-skin="mist"] .ua-tabs button { background:#f0eef9;color:#9a90b0 }

body[data-login-skin="mist"] > .ua-panel .ua-tabs button.on, body[data-login-skin="mist"] > .ua-panel .ua-main, body[data-login-skin="mist"] > .ua-panel .ua-skins button.on,
.skin-scope[data-skin="mist"] .ua-tabs button.on, .skin-scope[data-skin="mist"] .ua-main, .skin-scope[data-skin="mist"] .ua-skins button.on { background:linear-gradient(100deg,#c6bee2,#dcd4f0);color:#fff }

body[data-login-skin="mist"] > .ua-panel .ua-out, body[data-login-skin="mist"] > .ua-panel .ua-skins button,
.skin-scope[data-skin="mist"] .ua-out, .skin-scope[data-skin="mist"] .ua-skins button { background:#f0eef9;color:#9a90b0 }

body[data-login-skin="mist"] > .ua-panel .ua-note,
.skin-scope[data-skin="mist"] .ua-note { color:#b6aecd }

body[data-login-skin="mist"] .bp-edit,
.skin-scope[data-skin="mist"] .bp-edit { background:#eef0fa;color:#7c6e9c }

body[data-login-skin="pixel"] > .ua-panel,
.skin-scope[data-skin="pixel"] .ua-panel { background:rgba(14,10,30,.68) }

body[data-login-skin="pixel"] > .ua-panel .ua-wrap,
.skin-scope[data-skin="pixel"] .ua-wrap { background:linear-gradient(160deg,#1e1636,#2e1e50);border:3px solid #a8f0c6;border-radius:8px;box-shadow:6px 6px 0 rgba(168,240,198,.25),0 20px 44px rgba(0,0,0,.5);font-family:monospace }

body[data-login-skin="pixel"] > .ua-panel .ua-wrap:before,
.skin-scope[data-skin="pixel"] .ua-wrap:before { content:'▮▮▮  PLAYER 1  ▮▮▮';display:block;text-align:center;font-size:11px;font-weight:900;letter-spacing:2px;color:#a8f0c6;margin-bottom:12px }

body[data-login-skin="pixel"] > .ua-panel .ua-head b,
.skin-scope[data-skin="pixel"] .ua-head b { color:#a8f0c6;letter-spacing:2px }

body[data-login-skin="pixel"] > .ua-panel .ua-head button,
.skin-scope[data-skin="pixel"] .ua-head button { background:#3a2860;color:#a8f0c6;border-radius:6px }

body[data-login-skin="pixel"] > .ua-panel .ua-wrap label,
.skin-scope[data-skin="pixel"] .ua-wrap label { color:#b9a8e0 }

body[data-login-skin="pixel"] > .ua-panel .ua-wrap input,
.skin-scope[data-skin="pixel"] .ua-wrap input { background:#3a2860;border:2px solid #a8f0c6;border-radius:4px;color:#e8fff2 }

body[data-login-skin="pixel"] > .ua-panel .ua-wrap input::placeholder,
.skin-scope[data-skin="pixel"] .ua-wrap input::placeholder { color:#8a78b0 }

body[data-login-skin="pixel"] > .ua-panel .ua-tabs button,
.skin-scope[data-skin="pixel"] .ua-tabs button { background:#3a2860;color:#b9a8e0;border-radius:4px }

body[data-login-skin="pixel"] > .ua-panel .ua-tabs button.on, body[data-login-skin="pixel"] > .ua-panel .ua-main, body[data-login-skin="pixel"] > .ua-panel .ua-skins button.on,
.skin-scope[data-skin="pixel"] .ua-tabs button.on, .skin-scope[data-skin="pixel"] .ua-main, .skin-scope[data-skin="pixel"] .ua-skins button.on { background:#a8f0c6;color:#1e1636;box-shadow:3px 3px 0 #6fc99c }

body[data-login-skin="pixel"] > .ua-panel .ua-out, body[data-login-skin="pixel"] > .ua-panel .ua-skins button,
.skin-scope[data-skin="pixel"] .ua-out, .skin-scope[data-skin="pixel"] .ua-skins button { background:#3a2860;color:#b9a8e0 }

body[data-login-skin="pixel"] > .ua-panel .ua-note,
.skin-scope[data-skin="pixel"] .ua-note { color:#8a78b0 }

body[data-login-skin="pixel"] .bp-edit,
.skin-scope[data-skin="pixel"] .bp-edit { background:#a8f0c6;color:#1e1636 }

body[data-login-skin="ticket"] > .ua-panel,
.skin-scope[data-skin="ticket"] .ua-panel { background:rgba(105,80,70,.4) }

body[data-login-skin="ticket"] > .ua-panel .ua-wrap,
.skin-scope[data-skin="ticket"] .ua-wrap { background:linear-gradient(160deg,#fff7e6,#f7e2c8);border:2px solid #d6aa6e;border-radius:14px;box-shadow:0 16px 40px rgba(150,110,70,.28) }

body[data-login-skin="ticket"] > .ua-panel .ua-wrap:before,
.skin-scope[data-skin="ticket"] .ua-wrap:before { content:'ADMIT ONE  ·  祈愿电竞';display:block;text-align:center;font-size:10px;font-weight:900;letter-spacing:3px;color:#a8792f;border-bottom:1px dashed #d6aa6e;padding-bottom:8px;margin-bottom:10px }

body[data-login-skin="ticket"] > .ua-panel .ua-head b,
.skin-scope[data-skin="ticket"] .ua-head b { color:#6e503c;letter-spacing:1px }

body[data-login-skin="ticket"] > .ua-panel .ua-head button,
.skin-scope[data-skin="ticket"] .ua-head button { background:#f3e2c8;color:#a8792f }

body[data-login-skin="ticket"] > .ua-panel .ua-wrap label,
.skin-scope[data-skin="ticket"] .ua-wrap label { color:#9e8068 }

body[data-login-skin="ticket"] > .ua-panel .ua-wrap input,
.skin-scope[data-skin="ticket"] .ua-wrap input { background:#fffdf6;border:1px dashed #d6aa6e;border-radius:8px;color:#6e503c }

body[data-login-skin="ticket"] > .ua-panel .ua-tabs button,
.skin-scope[data-skin="ticket"] .ua-tabs button { background:#f7ecd8;color:#9e8068 }

body[data-login-skin="ticket"] > .ua-panel .ua-tabs button.on, body[data-login-skin="ticket"] > .ua-panel .ua-main, body[data-login-skin="ticket"] > .ua-panel .ua-skins button.on,
.skin-scope[data-skin="ticket"] .ua-tabs button.on, .skin-scope[data-skin="ticket"] .ua-main, .skin-scope[data-skin="ticket"] .ua-skins button.on { background:#e27878;color:#fff;box-shadow:0 4px 10px rgba(200,100,100,.25) }

body[data-login-skin="ticket"] > .ua-panel .ua-out, body[data-login-skin="ticket"] > .ua-panel .ua-skins button,
.skin-scope[data-skin="ticket"] .ua-out, .skin-scope[data-skin="ticket"] .ua-skins button { background:#f7ecd8;color:#a8792f }

body[data-login-skin="ticket"] > .ua-panel .ua-note,
.skin-scope[data-skin="ticket"] .ua-note { color:#bda487 }

body[data-login-skin="ticket"] .bp-edit,
.skin-scope[data-skin="ticket"] .bp-edit { background:#fff3d6;color:#a8792f }