/* === 外置样式辅助类：用于替换 JSP 内联样式 === */
.lh-modal-wrap{display:none;font-size:12px;}
.lh-modal-box{display:none;}
.lh-center-gray{color:gray !important;text-align:center !important;}
.lh-hidden{display:none;}
.lh-modal-input{margin-left:0 !important;}
.lh-modal-desc{color:gray !important;text-align:center !important;}
.lh-codeimage{color:gray !important;text-align:center !important;display:none;}

/* 
   玄幻选区页视觉升级：仅增强 UI/动效，不改变原登录、注册、验证码、跳转逻辑
    */
:root{
    --bg-deep:#020106;
    --bg-night:#07020d;
    --card-dark:rgba(7, 4, 13, .90);
    --card-glow:rgba(115, 65, 210, .16);
    --gold:#d8b45f;
    --gold-deep:#6d421c;
    --violet:#7f4bd8;
    --cyan:#4ec7d5;
    --text:#eee2f8;
    --muted:#9789a6;
    --danger:#ff7777;
}
*{box-sizing:border-box;}
html,body{min-height:100%;}
body{
    margin:0;
    color:var(--text);
    font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;
    background:
        radial-gradient(circle at 16% 6%, rgba(89, 48, 156, .28) 0, transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(26, 102, 132, .16) 0, transparent 30%),
        radial-gradient(circle at 50% 98%, rgba(120, 69, 28, .18) 0, transparent 34%),
        linear-gradient(145deg, #010104 0%, #07020d 48%, #020106 100%);
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
body:before,
body:after{
    content:"";
    position:fixed;
    inset:-20%;
    pointer-events:none;
    z-index:0;
}
body:before{
    background-image:
        radial-gradient(circle, rgba(246,217,143,.30) 0 1px, transparent 1.5px),
        radial-gradient(circle, rgba(118,244,255,.18) 0 1px, transparent 1.6px);
    background-size:42px 42px, 67px 67px;
    animation:starDrift 34s linear infinite;
    opacity:.42;
}
body:after{
    background:
        conic-gradient(from 90deg at 50% 50%, transparent, rgba(181,108,255,.12), transparent, rgba(246,217,143,.10), transparent);
    filter:blur(42px);
    animation:auraRotate 30s linear infinite;
}
@keyframes starDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-90px,80px,0)}}
@keyframes auraRotate{from{transform:rotate(0deg) scale(1.1)}to{transform:rotate(360deg) scale(1.1)}}
@keyframes cardRise{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes shimmer{0%{transform:translateX(-120%) skewX(-18deg)}100%{transform:translateX(180%) skewX(-18deg)}}
@keyframes floatRune{0%,100%{transform:translateY(0) rotate(0deg);opacity:.62}50%{transform:translateY(-10px) rotate(7deg);opacity:1}}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 18px rgba(246,217,143,.20), inset 0 0 14px rgba(246,217,143,.08)}50%{box-shadow:0 0 34px rgba(246,217,143,.40), inset 0 0 18px rgba(246,217,143,.14)}}
.fantasy-page{
    position:relative;
    z-index:1;
    width:100%;
    min-height:100vh;
    padding:18px 12px 28px;
}
.fantasy-page:before,
.fantasy-page:after{
    content:"✦";
    position:fixed;
    z-index:0;
    color:rgba(246,217,143,.22);
    font-size:74px;
    text-shadow:0 0 28px rgba(246,217,143,.38);
    animation:floatRune 6.5s ease-in-out infinite;
    pointer-events:none;
}
.fantasy-page:before{left:5%;top:12%;}
.fantasy-page:after{right:7%;bottom:11%;animation-delay:-2.7s;content:"✧";}
.realm-shell{
    position:relative;
    z-index:2;
    width:100%;
    max-width:560px;
    margin:0 auto;
}
.realm-card{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(246,217,143,.35);
    border-radius:24px;
    background:
        linear-gradient(180deg, rgba(16,8,28,.94), rgba(4,3,9,.98)),
        radial-gradient(circle at 50% 0, rgba(100,55,180,.22), transparent 48%);
    box-shadow:
        0 26px 80px rgba(0,0,0,.56),
        0 0 44px rgba(181,108,255,.17),
        inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter:blur(14px);
    animation:cardRise .72s cubic-bezier(.22,1,.36,1) both;
}
.realm-card:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(120deg, transparent 0 35%, rgba(255,255,255,.10) 48%, transparent 62% 100%);
    animation:shimmer 5.8s ease-in-out infinite;
}
.realm-card:after{
    content:"";
    position:absolute;
    inset:10px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.07);
    pointer-events:none;
}
.realm-hero{
    position:relative;
    padding:28px 18px 18px;
    text-align:center;
}
.realm-hero .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:6px 12px;
    border:1px solid rgba(246,217,143,.36);
    border-radius:999px;
    color:#f9e8b5;
    font-size:12px;
    letter-spacing:.22em;
    text-transform:uppercase;
    background:rgba(246,217,143,.08);
}
.realm-hero .eyebrow:before,
.realm-hero .eyebrow:after{content:"◆";font-size:9px;color:var(--cyan);}
.realm-hero h1{
    margin:12px 0 8px;
    font-size:34px;
    line-height:1.08;
    letter-spacing:.08em;
    color:transparent;
    background:linear-gradient(180deg,#fff8cf 0%,#f2c970 42%,#9f6630 100%);
    -webkit-background-clip:text;
    background-clip:text;
    text-shadow:0 0 24px rgba(246,217,143,.18);
}
.realm-hero p{
    margin:0;
    color:#d8c7ea;
    font-size:14px;
    line-height:1.75;
}
.intro-panel{
    position:relative;
    margin:0 16px 12px;
    padding:12px 14px;
    border-radius:16px;
    text-align:center;
    color:#ffeec0;
    line-height:1.65;
    background:linear-gradient(180deg, rgba(246,217,143,.12), rgba(246,217,143,.04));
    border:1px solid rgba(246,217,143,.18);
}
.server-list{
    position:relative;
    z-index:2;
    margin:0 12px 12px;
    padding:12px;
    border-radius:20px;
    border:1px solid rgba(181,108,255,.24);
    background:rgba(5,2,10,.34);
    font-size:0;
    text-align:center;
}
.server-list br{display:none;}
.server-list a{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    margin:5px;
    padding:9px 13px;
    border-radius:13px;
    border:1px solid rgba(246,217,143,.26);
    color:#fff6d8 !important;
    font-size:13px;
    line-height:1;
    text-decoration:none !important;
    background:
        linear-gradient(180deg, rgba(34,18,55,.96), rgba(9,5,17,.98));
    box-shadow:0 8px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
    -webkit-tap-highlight-color:transparent;
}
.server-list a:before{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:12px;
    background:linear-gradient(120deg, rgba(255,255,255,.16), transparent 44%);
    opacity:.62;
    pointer-events:none;
}
.server-list a:active,
.server-list a:hover{
    transform:translateY(-2px) scale(1.02);
    border-color:rgba(246,217,143,.60);
    box-shadow:0 12px 25px rgba(0,0,0,.38), 0 0 20px rgba(181,108,255,.24);
}
.server-list a.realm-server{
    min-width:30%;
    color:#f8f2ff !important;
}
.server-list a.realm-new{
    color:#2b1600 !important;
    font-weight:bold;
    background:linear-gradient(180deg,#fff1b8 0%,#f2be55 55%,#b9742d 100%);
    border-color:rgba(255,235,153,.82);
    animation:pulseGlow 2.5s ease-in-out infinite;
}
.server-list a.realm-action{
    min-width:42%;
    color:#eaffff !important;
    border-color:rgba(118,244,255,.30);
    background:linear-gradient(180deg, rgba(21,83,112,.85), rgba(20,22,60,.92));
}
.realm-section{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    margin:13px 0 8px;
    color:#f6d98f;
    font-size:13px;
    font-weight:bold;
    letter-spacing:.16em;
    text-shadow:0 0 12px rgba(246,217,143,.25);
}
.realm-section:before,
.realm-section:after{
    content:"";
    height:1px;
    flex:1;
    max-width:120px;
    background:linear-gradient(90deg, transparent, rgba(246,217,143,.48), transparent);
}
.new-badge,
.login-time{
    display:inline-flex;
    align-items:center;
    margin-left:4px;
    padding:3px 7px;
    border-radius:999px;
    font-size:11px;
    line-height:1;
    vertical-align:middle;
}
.new-badge{
    color:#2b1600;
    background:linear-gradient(180deg,#fff3bd,#efbd54);
    box-shadow:0 0 14px rgba(246,217,143,.34);
}
.login-time{
    color:#bdefff;
    background:rgba(118,244,255,.10);
    border:1px solid rgba(118,244,255,.20);
}
.support-link{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:12px 18px 8px;
    min-height:42px;
    border-radius:15px;
    color:#111 !important;
    font-size:14px;
    font-weight:bold;
    text-decoration:none !important;
    background:linear-gradient(180deg,#91fff9,#4fc7ff);
    box-shadow:0 12px 26px rgba(79,199,255,.20);
}
.terms-box,
.notice-scroll{
    position:relative;
    z-index:2;
    margin:10px 18px;
    padding:12px 14px;
    border-radius:16px;
    color:#d8cce6;
    font-size:12px;
    line-height:1.75;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.08);
}
.terms-box a,.notice-scroll a{color:#ffe89c !important;text-decoration:none;border-bottom:1px dashed rgba(246,217,143,.38);}
.notice-scroll{
    margin-bottom:18px;
    max-height:180px;
    overflow:auto;
    box-shadow:inset 0 12px 18px rgba(0,0,0,.10);
}
.notice-scroll::-webkit-scrollbar{width:5px;}
.notice-scroll::-webkit-scrollbar-thumb{background:rgba(246,217,143,.35);border-radius:999px;}
/* 弹窗视觉升级，保留原 id/class 与 JS show/hide 逻辑 */
#tanchu1,#tanchu2,#tanchu_truename{
    position:fixed;
    inset:0;
    z-index:9999;
    padding:22px;
    background:rgba(1,1,5,.86);
    backdrop-filter:blur(8px);
}
.tcbox{
    position:relative;
    width:min(92vw,380px);
    margin:18vh auto 0 !important;
    padding:18px 16px 20px;
    border-radius:22px;
    border:1px solid rgba(246,217,143,.36);
    color:#f7edff;
    background:linear-gradient(180deg, rgba(15,8,28,.98), rgba(3,2,8,.99));
    box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 32px rgba(181,108,255,.22);
    animation:cardRise .35s cubic-bezier(.22,1,.36,1) both;
}
.tcbox1,.tcbox2{background:transparent !important;border:0 !important;color:#dfd2ec !important;}
.close{position:absolute;right:12px;top:10px;z-index:3;}
.close em{font-style:normal;}
.close a{
    display:flex;
    width:30px;
    height:30px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    transform:rotate(45deg);
    color:#200d0d !important;
    font-size:24px;
    text-decoration:none !important;
    background:linear-gradient(180deg,#fff1b8,#e3aa49);
}
.tcbox input,.textarea2{
    width:92% !important;
    min-height:40px;
    margin:8px auto !important;
    display:block;
    border-radius:12px !important;
    border:1px solid rgba(246,217,143,.25) !important;
    color:#fff !important;
    background:rgba(0,0,0,.28) !important;
    outline:none;
    padding:8px 12px !important;
    box-shadow:inset 0 1px 8px rgba(0,0,0,.28);
}
.tcbox input:focus,.textarea2:focus{border-color:rgba(118,244,255,.65) !important;box-shadow:0 0 0 3px rgba(118,244,255,.11), inset 0 1px 8px rgba(0,0,0,.28);}
.huifu span{display:block;text-align:center;}
.huifu a,#buttom{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:150px;
    min-height:42px;
    border-radius:14px;
    color:#271600 !important;
    font-weight:bold;
    text-decoration:none !important;
    background:linear-gradient(180deg,#fff2ba,#f2bf5a 58%,#b9742d);
    box-shadow:0 12px 24px rgba(246,217,143,.20);
}
#codeimage img{max-width:100%;border-radius:12px;border:1px solid rgba(246,217,143,.18);}
@media (max-width:420px){
    .fantasy-page{padding:12px 8px 20px;}
    .realm-card{border-radius:20px;}
    .realm-hero{padding:24px 12px 14px;}
    .realm-hero h1{font-size:29px;}
    .server-list{margin:0 8px 10px;padding:9px;}
    .server-list a{min-height:36px;margin:4px;padding:8px 10px;font-size:12px;}
    .server-list a.realm-server{min-width:44%;}
    .server-list a.realm-action{min-width:44%;}
    .notice-scroll{max-height:155px;}
}


/* 
   二次修正：移动端弹窗适配 + 更暗黑的玄幻基调
   只覆盖展示样式，不改任何 JSP / JS 业务逻辑
    */
body{
    background-color:#010104 !important;
}
.realm-card{
    border-color:rgba(216,180,95,.28) !important;
    box-shadow:
        0 28px 88px rgba(0,0,0,.78),
        0 0 36px rgba(80,42,150,.14),
        inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.intro-panel,
.terms-box,
.notice-scroll{
    background:rgba(0,0,0,.28) !important;
    border-color:rgba(216,180,95,.12) !important;
}
.server-list{
    background:rgba(0,0,0,.42) !important;
    border-color:rgba(127,75,216,.18) !important;
}
.server-list a{
    background:linear-gradient(180deg, rgba(28,14,47,.98), rgba(6,4,12,.99)) !important;
    border-color:rgba(216,180,95,.20) !important;
    box-shadow:0 9px 22px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.server-list a:active,
.server-list a:hover{
    border-color:rgba(216,180,95,.48) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.62), 0 0 22px rgba(104,58,180,.22) !important;
}
.server-list a.realm-action{
    background:linear-gradient(180deg, rgba(13,50,68,.94), rgba(8,8,24,.98)) !important;
    border-color:rgba(78,199,213,.24) !important;
}
.server-list a.realm-new{
    background:linear-gradient(180deg,#dcc375 0%,#a8732d 58%,#4e260e 100%) !important;
    border-color:rgba(233,199,103,.70) !important;
    color:#160b00 !important;
}
.support-link{
    background:linear-gradient(180deg,#63d1d1,#237a9d) !important;
    color:#031014 !important;
    box-shadow:0 14px 30px rgba(0,0,0,.35), 0 0 18px rgba(78,199,213,.14) !important;
}

/* mobile-safe modal layer: jQuery .show() 会把 display 设为 block，因此这里不强行写 display:flex，避免破坏关闭逻辑 */
#tanchu1,#tanchu2,#tanchu_truename{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:100vw !important;
    height:100vh !important;
    min-height:100vh !important;
    padding:16px 12px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    background:rgba(0,0,4,.88) !important;
    -webkit-overflow-scrolling:touch;
}
@supports (height: 100dvh){
    #tanchu1,#tanchu2,#tanchu_truename{
        height:100dvh !important;
        min-height:100dvh !important;
    }
}
.tcbox{
    width:min(390px, calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
    max-height:calc(100vh - 32px) !important;
    margin:clamp(14px, 10vh, 72px) auto 18px !important;
    padding:18px 14px 18px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    border-radius:20px !important;
    border-color:rgba(216,180,95,.30) !important;
    color:#efe4fb !important;
    background:
        radial-gradient(circle at 50% 0, rgba(91,53,157,.22), transparent 45%),
        linear-gradient(180deg, rgba(13,7,24,.99), rgba(2,2,7,.995)) !important;
    box-shadow:0 26px 80px rgba(0,0,0,.82), 0 0 28px rgba(85,47,155,.18) !important;
    -webkit-overflow-scrolling:touch;
}
@supports (height: 100dvh){
    .tcbox{max-height:calc(100dvh - 32px) !important;}
}
.tcbox1,.tcbox2{
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
}
.tcbox1 div,
.tcbox2 div,
#bindweixin,#sntitle,#pswd,#oldpswd,#newpswd,#codetip{
    color:#cfc0dd !important;
    line-height:1.65 !important;
}
.close{
    position:sticky !important;
    float:right !important;
    right:0 !important;
    top:0 !important;
    display:block !important;
    margin:-8px -4px 4px 0 !important;
    text-align:right !important;
}
.close a{
    width:34px !important;
    height:34px !important;
    font-size:25px !important;
    background:linear-gradient(180deg,#d6b763,#7a471c) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.42), 0 0 12px rgba(216,180,95,.18) !important;
}
.tcbox input,.textarea2{
    width:100% !important;
    max-width:100% !important;
    min-height:44px !important;
    margin:8px 0 10px !important;
    font-size:16px !important; /* 防止 iOS 自动放大 */
    color:#fff8ee !important;
    background:rgba(0,0,0,.42) !important;
    border-color:rgba(216,180,95,.22) !important;
}
.tcbox input:focus,.textarea2:focus{
    border-color:rgba(78,199,213,.60) !important;
    box-shadow:0 0 0 3px rgba(78,199,213,.10), inset 0 1px 8px rgba(0,0,0,.35) !important;
}
.huifu span{width:100% !important;}
.huifu a,#buttom{
    width:100% !important;
    max-width:240px !important;
    min-height:44px !important;
    color:#150c00 !important;
    background:linear-gradient(180deg,#d8bd6e,#a66f2b 60%,#582a0e) !important;
    box-shadow:0 14px 28px rgba(0,0,0,.42), 0 0 14px rgba(216,180,95,.16) !important;
}
#codeimage{
    max-width:100% !important;
    overflow:hidden !important;
}
#codeimage img{
    height:auto !important;
    max-width:100% !important;
}

@media (max-width:420px){
    body:before{opacity:.25;}
    .fantasy-page{padding:10px 6px 18px !important;}
    .realm-hero h1{font-size:27px !important;}
    .realm-hero p{font-size:13px !important;}
    .server-list a.realm-server{min-width:calc(50% - 10px) !important;}
    .server-list a.realm-action{min-width:calc(50% - 10px) !important;}
    #tanchu1,#tanchu2,#tanchu_truename{
        padding:10px 8px calc(14px + env(safe-area-inset-bottom)) !important;
    }
    .tcbox{
        width:calc(100vw - 16px) !important;
        max-width:calc(100vw - 16px) !important;
        max-height:calc(100vh - 20px) !important;
        margin:10px auto 12px !important;
        padding:16px 12px 16px !important;
        border-radius:18px !important;
    }
    @supports (height: 100dvh){
        .tcbox{max-height:calc(100dvh - 20px) !important;}
    }
    .tcbox2 br{display:none !important;}
    .huifu{margin-top:12px !important;}
}

@media (max-width:360px){
    .server-list a{font-size:11.5px !important;padding:8px 8px !important;}
    .realm-hero h1{font-size:25px !important;}
    .tcbox{padding:14px 10px !important;}
}


/* 
   三次修正：彻底修复手机端弹窗定位 / 溢出 / jAlert 插件弹窗
   只覆盖展示层；不修改登录、注册、验证码、实名认证和选区逻辑
    */
html,body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    background:#000004 !important;
}
body.modal-open{
    overflow:hidden !important;
    touch-action:none;
}

/* 业务弹窗外层：jQuery show() 后强制改为 flex 布局，覆盖 inline display:block */
#tanchu1,#tanchu2,#tanchu_truename{
    box-sizing:border-box !important;
    position:fixed !important;
    left:0 !important;
    top:0 !important;
    right:auto !important;
    bottom:auto !important;
    width:100vw !important;
    height:100vh !important;
    min-height:100vh !important;
    z-index:2147483000 !important;
    padding:max(12px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    background:rgba(0,0,5,.94) !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
}
#tanchu1[style*="display: block"],
#tanchu2[style*="display: block"],
#tanchu_truename[style*="display: block"]{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
}
@supports (height: 100dvh){
    #tanchu1,#tanchu2,#tanchu_truename{
        height:100dvh !important;
        min-height:100dvh !important;
    }
}
@supports (height: 100svh){
    #tanchu1,#tanchu2,#tanchu_truename{
        height:100svh !important;
        min-height:100svh !important;
    }
}

/* 业务弹窗主体：取消旧样式的顶部 margin，避免手机上被挤出视口 */
#pop,#pop2,#pop_truename,
.tcbox{
    box-sizing:border-box !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    float:none !important;
    clear:both !important;
    display:block;
    width:min(92vw, 380px) !important;
    min-width:0 !important;
    max-width:calc(100vw - 20px) !important;
    max-height:calc(100vh - 28px) !important;
    margin:auto 0 !important;
    padding:18px 14px calc(18px + env(safe-area-inset-bottom)) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    border-radius:18px !important;
    transform:none !important;
    color:#eee2f8 !important;
    border:1px solid rgba(176,131,57,.36) !important;
    background:
        radial-gradient(circle at 50% -8%, rgba(77,45,135,.28), transparent 44%),
        linear-gradient(180deg, #090511 0%, #020207 100%) !important;
    box-shadow:
        0 18px 54px rgba(0,0,0,.88),
        0 0 0 1px rgba(255,255,255,.035) inset,
        0 0 24px rgba(97,56,168,.16) !important;
    -webkit-overflow-scrolling:touch !important;
}
@supports (height: 100dvh){
    #pop,#pop2,#pop_truename,.tcbox{max-height:calc(100dvh - 28px) !important;}
}
@supports (height: 100svh){
    #pop,#pop2,#pop_truename,.tcbox{max-height:calc(100svh - 28px) !important;}
}

/* 避免弹窗内部旧 float / 固定宽度破坏手机布局 */
.tcbox *,#pop *,#pop2 *,#pop_truename *{
    max-width:100% !important;
    box-sizing:border-box !important;
}
.tcbox1,.tcbox2,.mbox,.huifu{
    width:100% !important;
    min-width:0 !important;
    float:none !important;
    clear:both !important;
    margin-left:0 !important;
    margin-right:0 !important;
    background:transparent !important;
}
.tcbox1{
    padding-top:2px !important;
}
.tcbox2{
    padding-top:8px !important;
}
.tcbox2 br{
    display:none !important;
}
#bindweixin,#sntitle,#pswd,#oldpswd,#newpswd,#codetip,
.tcbox1 div,.tcbox2 div{
    width:100% !important;
    color:#cfc0dd !important;
    text-align:center !important;
    line-height:1.55 !important;
    font-size:13px !important;
    word-break:break-word !important;
}

/* 关闭按钮固定在弹窗右上角，不随内容错位 */
.close{
    position:sticky !important;
    top:0 !important;
    right:0 !important;
    z-index:10 !important;
    display:block !important;
    width:100% !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    text-align:right !important;
    float:none !important;
    pointer-events:none !important;
}
.close em{
    display:inline-block !important;
    font-style:normal !important;
    pointer-events:auto !important;
}
.close a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:34px !important;
    height:34px !important;
    margin:-8px -2px 0 0 !important;
    border-radius:999px !important;
    line-height:1 !important;
    font-size:25px !important;
    color:#1a0b00 !important;
    text-decoration:none !important;
    transform:rotate(45deg) !important;
    background:linear-gradient(180deg,#c49f4c,#5c2d12) !important;
    box-shadow:0 9px 18px rgba(0,0,0,.55), 0 0 12px rgba(196,159,76,.18) !important;
}

/* 输入框：覆盖原来的 inline margin-left，避免横向溢出 */
#pop input,#pop2 input,#pop_truename input,
.tcbox input,.textarea2{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:44px !important;
    min-height:44px !important;
    margin:8px 0 12px 0 !important;
    padding:9px 12px !important;
    border-radius:12px !important;
    font-size:16px !important;
    line-height:22px !important;
    color:#fff7e7 !important;
    background:rgba(0,0,0,.48) !important;
    border:1px solid rgba(176,131,57,.30) !important;
    outline:none !important;
    box-shadow:inset 0 1px 8px rgba(0,0,0,.38) !important;
    -webkit-appearance:none !important;
    appearance:none !important;
}
#pop input:focus,#pop2 input:focus,#pop_truename input:focus,
.tcbox input:focus,.textarea2:focus{
    border-color:rgba(78,199,213,.58) !important;
    box-shadow:0 0 0 3px rgba(78,199,213,.10), inset 0 1px 8px rgba(0,0,0,.38) !important;
}
.huifu{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:10px 0 0 !important;
}
.huifu span{
    display:flex !important;
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
}
.huifu a,#buttom{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    max-width:240px !important;
    height:44px !important;
    min-height:44px !important;
    margin:0 auto !important;
    border-radius:13px !important;
    font-size:15px !important;
    color:#130900 !important;
    background:linear-gradient(180deg,#c9ab5c,#8d5b24 62%,#3e1b0a) !important;
}
#codeimage{
    width:100% !important;
    text-align:center !important;
    margin:4px 0 10px !important;
    overflow:hidden !important;
}
#codeimage img{
    display:inline-block !important;
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    border-radius:10px !important;
}

/* jAlert 插件弹窗：它不是 #tanchu 弹窗，必须单独覆盖 */
#popup_overlay{
    position:fixed !important;
    left:0 !important;
    top:0 !important;
    width:100vw !important;
    height:100vh !important;
    z-index:2147483500 !important;
    background:rgba(0,0,5,.78) !important;
    opacity:1 !important;
}
@supports (height: 100dvh){
    #popup_overlay{height:100dvh !important;}
}
#popup_container{
    box-sizing:border-box !important;
    position:fixed !important;
    left:50% !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    width:calc(100vw - 28px) !important;
    min-width:0 !important;
    max-width:360px !important;
    max-height:calc(100vh - 34px) !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    transform:translate(-50%,-50%) !important;
    z-index:2147483600 !important;
    border:1px solid rgba(176,131,57,.38) !important;
    border-radius:18px !important;
    color:#eee2f8 !important;
    background:linear-gradient(180deg,#0a0612,#020207) !important;
    box-shadow:0 22px 64px rgba(0,0,0,.88), 0 0 22px rgba(97,56,168,.18) !important;
}
@supports (height: 100dvh){
    #popup_container{max-height:calc(100dvh - 34px) !important;}
}
#popup_title{
    margin:0 !important;
    padding:12px 14px !important;
    min-height:40px !important;
    font-size:15px !important;
    line-height:20px !important;
    color:#d8bd6e !important;
    text-align:center !important;
    background:linear-gradient(180deg, rgba(176,131,57,.16), rgba(0,0,0,.18)) !important;
    border:0 !important;
    border-bottom:1px solid rgba(176,131,57,.20) !important;
}
#popup_content{
    box-sizing:border-box !important;
    width:100% !important;
    max-height:calc(100vh - 100px) !important;
    padding:16px 14px !important;
    margin:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    background:transparent !important;
    -webkit-overflow-scrolling:touch !important;
}
@supports (height: 100dvh){
    #popup_content{max-height:calc(100dvh - 100px) !important;}
}
#popup_message{
    padding:0 !important;
    margin:0 !important;
    color:#d7cce5 !important;
    font-size:14px !important;
    line-height:1.65 !important;
    text-align:center !important;
    word-break:break-word !important;
}
#popup_panel{
    margin:14px 0 0 !important;
    padding:0 !important;
    text-align:center !important;
}
#popup_panel input,
#popup_ok,#popup_cancel{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:120px !important;
    height:42px !important;
    padding:0 18px !important;
    border:0 !important;
    border-radius:12px !important;
    font-size:15px !important;
    font-weight:bold !important;
    color:#130900 !important;
    background:linear-gradient(180deg,#c9ab5c,#8d5b24 62%,#3e1b0a) !important;
    box-shadow:0 10px 22px rgba(0,0,0,.44) !important;
    -webkit-appearance:none !important;
    appearance:none !important;
}

@media (max-width:420px){
    #tanchu1,#tanchu2,#tanchu_truename{
        padding:10px 8px calc(12px + env(safe-area-inset-bottom)) !important;
    }
    #pop,#pop2,#pop_truename,.tcbox{
        width:calc(100vw - 16px) !important;
        max-width:calc(100vw - 16px) !important;
        max-height:calc(100vh - 20px) !important;
        margin:auto 0 !important;
        padding:16px 12px calc(16px + env(safe-area-inset-bottom)) !important;
        border-radius:16px !important;
    }
    @supports (height: 100dvh){
        #pop,#pop2,#pop_truename,.tcbox{max-height:calc(100dvh - 20px) !important;}
    }
    @supports (height: 100svh){
        #pop,#pop2,#pop_truename,.tcbox{max-height:calc(100svh - 20px) !important;}
    }
    #popup_container{
        width:calc(100vw - 22px) !important;
        max-width:calc(100vw - 22px) !important;
        max-height:calc(100vh - 24px) !important;
    }
    @supports (height: 100dvh){
        #popup_container{max-height:calc(100dvh - 24px) !important;}
    }
    #popup_content{padding:14px 12px !important;}
}
@media (max-width:360px){
    #pop,#pop2,#pop_truename,.tcbox{
        width:calc(100vw - 12px) !important;
        max-width:calc(100vw - 12px) !important;
        padding:14px 10px calc(14px + env(safe-area-inset-bottom)) !important;
    }
    #bindweixin,#sntitle,#pswd,#oldpswd,#newpswd,#codetip,
    .tcbox1 div,.tcbox2 div{
        font-size:12.5px !important;
    }
}



/* 
   四次修正：手机弹窗真正居中弹出 + 关闭键旋转 + 暗黑星光 + LOGO强化
   仅覆盖展示层，不改登录/注册/验证码/跳转业务逻辑
    */
body{
    background:
        radial-gradient(circle at 50% -10%, rgba(44,22,86,.28) 0, transparent 42%),
        radial-gradient(circle at 12% 18%, rgba(12,38,62,.18) 0, transparent 28%),
        radial-gradient(circle at 88% 74%, rgba(72,36,13,.14) 0, transparent 32%),
        linear-gradient(180deg,#000002 0%,#020207 45%,#000000 100%) !important;
}
.floating-stars{
    position:fixed;
    inset:0;
    z-index:0;
    overflow:hidden;
    pointer-events:none;
}
.floating-stars i{
    position:absolute;
    left:var(--x);
    top:var(--y);
    width:var(--s);
    height:var(--s);
    border-radius:50%;
    background:rgba(255,236,174,.95);
    box-shadow:
        0 0 8px rgba(255,236,174,.82),
        0 0 18px rgba(126,90,255,.42),
        0 0 28px rgba(82,214,255,.18);
    opacity:.35;
    animation:fantasyStarFloat var(--d) ease-in-out infinite;
    animation-delay:var(--delay);
}
@keyframes fantasyStarFloat{
    0%{transform:translate3d(0,0,0) scale(.75);opacity:.16;filter:blur(.1px)}
    22%{opacity:.95}
    50%{transform:translate3d(18px,-34px,0) scale(1.28);opacity:.72;filter:blur(0)}
    78%{opacity:.42}
    100%{transform:translate3d(-12px,-72px,0) scale(.66);opacity:.12;filter:blur(.2px)}
}
.realm-card{
    background:
        radial-gradient(circle at 50% 0, rgba(70,38,132,.26), transparent 42%),
        radial-gradient(circle at 12% 14%, rgba(22,69,85,.14), transparent 32%),
        linear-gradient(180deg, rgba(5,3,12,.98), rgba(0,0,2,.995)) !important;
    border-color:rgba(154,117,49,.36) !important;
}
.realm-hero{
    padding:34px 16px 20px !important;
}
.game-logo{
    position:relative;
    display:inline-flex;
    align-items:baseline;
    justify-content:center;
    gap:7px;
    padding:13px 22px 15px;
    min-width:min(86vw, 390px);
    border-radius:22px;
    border:1px solid rgba(230,191,95,.72);
    color:transparent;
    font-size:48px;
    line-height:1;
    font-weight:900;
    letter-spacing:.16em;
    text-indent:.16em;
    background:
        linear-gradient(180deg,#fff4bf 0%,#d4a545 44%,#68401a 100%);
    -webkit-background-clip:text;
    background-clip:text;
    text-shadow:
        0 0 20px rgba(232,190,91,.22),
        0 0 46px rgba(94,60,180,.26);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.06),
        inset 0 0 24px rgba(229,174,70,.07),
        0 0 0 1px rgba(72,42,13,.65),
        0 18px 42px rgba(0,0,0,.58),
        0 0 36px rgba(104,65,189,.20);
    animation:logoAwaken .88s cubic-bezier(.2,1,.22,1) both;
}
.game-logo:before,
.game-logo:after{
    content:"";
    position:absolute;
    pointer-events:none;
}
.game-logo:before{
    inset:5px;
    border-radius:17px;
    border:1px solid rgba(255,230,151,.16);
    background:
        radial-gradient(circle at 50% 0, rgba(255,222,134,.14), transparent 46%),
        linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
}
.game-logo:after{
    left:50%;
    bottom:-10px;
    width:78%;
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,rgba(232,190,91,.86),transparent);
    box-shadow:0 0 18px rgba(232,190,91,.42);
}
.game-logo span{
    font-size:.52em;
    letter-spacing:.08em;
    text-indent:0;
    color:transparent;
    background:linear-gradient(180deg,#e9f8ff 0%,#8ed9ef 54%,#30677e 100%);
    -webkit-background-clip:text;
    background-clip:text;
    text-shadow:0 0 18px rgba(82,214,255,.22);
}
@keyframes logoAwaken{
    from{opacity:0;transform:translateY(14px) scale(.94);filter:blur(3px)}
    to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
.bookmark-note{
    margin:12px 16px 18px !important;
    color:#a59baa !important;
    font-size:12px !important;
    line-height:1.7 !important;
    background:rgba(0,0,0,.18) !important;
    border-color:rgba(154,117,49,.12) !important;
}
.realm-last-login{
    display:block !important;
    width:100% !important;
    margin:8px auto 10px !important;
    padding:0 !important;
    text-align:center !important;
    color:#8b8492 !important;
    font-size:11px !important;
    font-weight:normal !important;
    line-height:1.45 !important;
    letter-spacing:0 !important;
    text-shadow:none !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
.login-time{
    display:block !important;
    width:100% !important;
    margin:2px auto 0 !important;
    padding:0 !important;
    justify-content:center !important;
    text-align:center !important;
    color:#8b8492 !important;
    font-size:11px !important;
    font-weight:normal !important;
    line-height:1.4 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

@keyframes fantasyOverlayIn{
    from{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}
    to{opacity:1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
}
@keyframes fantasyModalPopIn{
    0%{opacity:0;transform:translate3d(0,22px,0) scale(.86);filter:blur(3px)}
    62%{opacity:1;transform:translate3d(0,-5px,0) scale(1.025);filter:blur(0)}
    100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}
@keyframes fantasyModalBorderPulse{
    0%,100%{box-shadow:0 24px 70px rgba(0,0,0,.88),0 0 0 1px rgba(255,255,255,.035) inset,0 0 24px rgba(97,56,168,.18)}
    50%{box-shadow:0 24px 70px rgba(0,0,0,.88),0 0 0 1px rgba(255,255,255,.045) inset,0 0 36px rgba(197,151,65,.24)}
}
@keyframes fantasyCloseSpinIn{
    0%{opacity:0;transform:rotate(-135deg) scale(.6)}
    100%{opacity:1;transform:rotate(45deg) scale(1)}
}

/* 手机业务弹窗：覆盖前面版本的 flex-start，强制屏幕中心弹出 */
#tanchu1[style*="display: block"],
#tanchu2[style*="display: block"],
#tanchu_truename[style*="display: block"],
#tanchu1[style*="display:block"],
#tanchu2[style*="display:block"],
#tanchu_truename[style*="display:block"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    overflow:hidden !important;
    animation:fantasyOverlayIn .24s ease-out both !important;
}
#tanchu1,#tanchu2,#tanchu_truename{
    background:
        radial-gradient(circle at 50% 42%, rgba(58,35,108,.30), transparent 36%),
        rgba(0,0,3,.94) !important;
}
#pop,#pop2,#pop_truename,.tcbox{
    margin:0 !important;
    transform-origin:center center !important;
    animation:fantasyModalPopIn .42s cubic-bezier(.18,1.24,.36,1) both, fantasyModalBorderPulse 3.2s ease-in-out infinite !important;
    border-color:rgba(191,145,63,.50) !important;
    background:
        radial-gradient(circle at 50% -12%, rgba(68,38,124,.36), transparent 44%),
        radial-gradient(circle at 94% 18%, rgba(23,75,92,.16), transparent 30%),
        linear-gradient(180deg,#080410 0%,#010104 100%) !important;
}
.close a{
    transform:rotate(45deg) !important;
    animation:fantasyCloseSpinIn .52s cubic-bezier(.2,1.34,.28,1) .08s both !important;
}
.close a:active{
    transform:rotate(225deg) scale(.92) !important;
}

/* jAlert 插件弹窗同样做中间弹出和入场动画 */
#popup_overlay{
    animation:fantasyOverlayIn .24s ease-out both !important;
}
#popup_container{
    top:50% !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;
    transform-origin:center center !important;
    animation:fantasyJalertPopIn .42s cubic-bezier(.18,1.24,.36,1) both !important;
}
@keyframes fantasyJalertPopIn{
    0%{opacity:0;transform:translate(-50%,-42%) scale(.86);filter:blur(3px)}
    62%{opacity:1;transform:translate(-50%,-52%) scale(1.025);filter:blur(0)}
    100%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}
}

@media (max-width:420px){
    .realm-hero{padding:30px 10px 18px !important;}
    .game-logo{
        min-width:calc(100vw - 48px);
        padding:12px 12px 14px;
        border-radius:19px;
        font-size:38px;
        letter-spacing:.10em;
        text-indent:.10em;
    }
    .game-logo span{font-size:.48em;}
    .bookmark-note{margin:10px 12px 16px !important;}
    #tanchu1[style*="display: block"],
    #tanchu2[style*="display: block"],
    #tanchu_truename[style*="display: block"],
    #tanchu1[style*="display:block"],
    #tanchu2[style*="display:block"],
    #tanchu_truename[style*="display:block"]{
        align-items:center !important;
        justify-content:center !important;
        padding:calc(10px + env(safe-area-inset-top)) 8px calc(12px + env(safe-area-inset-bottom)) !important;
    }
    #pop,#pop2,#pop_truename,.tcbox{
        width:calc(100vw - 24px) !important;
        max-width:calc(100vw - 24px) !important;
        max-height:calc(100dvh - 28px) !important;
        margin:0 auto !important;
    }
}
@media (max-width:360px){
    .game-logo{font-size:34px;min-width:calc(100vw - 34px);}
    #pop,#pop2,#pop_truename,.tcbox{
        width:calc(100vw - 18px) !important;
        max-width:calc(100vw - 18px) !important;
    }
}



/* 
   五次修正：手机弹窗动画强制重放 + 真实居中 + 关闭键改为旋转 X
   说明：仅覆盖展示层；不改登录/注册/验证码/实名认证/选区跳转业务逻辑
    */
:root{--fantasy-vh:1vh;}

/* 弹窗外层：用 JS 增加 .fantasy-modal-visible，避免只依赖 inline style 导致动画不重播 */
#tanchu1,#tanchu2,#tanchu_truename{
    position:fixed !important;
    left:0 !important;
    top:0 !important;
    width:100vw !important;
    height:calc(var(--fantasy-vh, 1vh) * 100) !important;
    min-height:calc(var(--fantasy-vh, 1vh) * 100) !important;
    margin:0 !important;
    padding:calc(12px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left)) !important;
    box-sizing:border-box !important;
    z-index:2147483000 !important;
    overflow:hidden !important;
    align-items:center !important;
    justify-content:center !important;
    background:
        radial-gradient(circle at 50% 50%, rgba(66,37,128,.36) 0, transparent 42%),
        rgba(0,0,4,.945) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
}
#tanchu1.fantasy-modal-visible,
#tanchu2.fantasy-modal-visible,
#tanchu_truename.fantasy-modal-visible,
#tanchu1[style*="display: block"],
#tanchu2[style*="display: block"],
#tanchu_truename[style*="display: block"],
#tanchu1[style*="display:block"],
#tanchu2[style*="display:block"],
#tanchu_truename[style*="display:block"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    animation:fantasyMobileOverlayPop .26s ease-out both !important;
}

/* 弹窗主体：取消所有旧 margin/top，强制在手机可视区中心 */
#pop,#pop2,#pop_truename,
#tanchu1 .tcbox,#tanchu2 .tcbox,#tanchu_truename .tcbox{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:min(390px, calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
    max-height:calc((var(--fantasy-vh, 1vh) * 100) - 32px) !important;
    margin:0 auto !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    transform-origin:center center !important;
    opacity:1 !important;
    border-radius:20px !important;
    border:1px solid rgba(190,147,63,.52) !important;
    background:
        radial-gradient(circle at 50% -10%, rgba(86,49,155,.36), transparent 45%),
        radial-gradient(circle at 102% 18%, rgba(29,82,100,.16), transparent 28%),
        linear-gradient(180deg,#080410 0%,#010104 100%) !important;
    box-shadow:
        0 28px 86px rgba(0,0,0,.9),
        0 0 0 1px rgba(255,255,255,.04) inset,
        0 0 40px rgba(120,71,205,.22) !important;
}
#tanchu1.fantasy-modal-visible #pop.fantasy-box-visible,
#tanchu2.fantasy-modal-visible #pop2.fantasy-box-visible,
#tanchu_truename.fantasy-modal-visible #pop_truename.fantasy-box-visible,
#tanchu1.fantasy-modal-visible .tcbox,
#tanchu2.fantasy-modal-visible .tcbox,
#tanchu_truename.fantasy-modal-visible .tcbox{
    display:block !important;
    animation:fantasyMobileModalPop .54s cubic-bezier(.16,1.25,.32,1) both,
              fantasyModalBorderPulse 3.2s ease-in-out .56s infinite !important;
}

/* 关闭键：不再依赖文字 + 的旋转；直接画一个 X，动画旋转入场 */
#tanchu1 .close,#tanchu2 .close,#tanchu_truename .close{
    position:absolute !important;
    right:10px !important;
    top:10px !important;
    z-index:20 !important;
    width:40px !important;
    height:40px !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    float:none !important;
    text-align:center !important;
    pointer-events:auto !important;
}
#tanchu1 .close em,#tanchu2 .close em,#tanchu_truename .close em{
    display:block !important;
    width:100% !important;
    height:100% !important;
    pointer-events:auto !important;
}
#tanchu1 .close a,#tanchu2 .close a,#tanchu_truename .close a{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:38px !important;
    height:38px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:999px !important;
    font-size:0 !important;
    line-height:0 !important;
    color:transparent !important;
    text-decoration:none !important;
    transform:rotate(0deg) scale(1) !important;
    background:
        radial-gradient(circle at 35% 22%, rgba(255,238,172,.95), rgba(204,151,55,.96) 42%, rgba(84,43,13,.98) 100%) !important;
    border:1px solid rgba(255,229,142,.42) !important;
    box-shadow:
        0 10px 22px rgba(0,0,0,.62),
        0 0 16px rgba(219,168,65,.32),
        inset 0 1px 0 rgba(255,255,255,.26) !important;
    animation:fantasyCloseButtonSpin .58s cubic-bezier(.19,1.36,.26,1) .08s both !important;
    -webkit-tap-highlight-color:transparent !important;
}
#tanchu1 .close a::before,#tanchu1 .close a::after,
#tanchu2 .close a::before,#tanchu2 .close a::after,
#tanchu_truename .close a::before,#tanchu_truename .close a::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:18px !important;
    height:2px !important;
    border-radius:999px !important;
    background:#1b0d02 !important;
    box-shadow:0 1px 0 rgba(255,239,173,.22) !important;
    transform-origin:center center !important;
}
#tanchu1 .close a::before,#tanchu2 .close a::before,#tanchu_truename .close a::before{
    transform:translate(-50%,-50%) rotate(45deg) !important;
}
#tanchu1 .close a::after,#tanchu2 .close a::after,#tanchu_truename .close a::after{
    transform:translate(-50%,-50%) rotate(-45deg) !important;
}
#tanchu1 .close a:active,#tanchu2 .close a:active,#tanchu_truename .close a:active{
    transform:rotate(135deg) scale(.92) !important;
}

@keyframes fantasyMobileOverlayPop{
    0%{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}
    100%{opacity:1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
}
@keyframes fantasyMobileModalPop{
    0%{opacity:0;transform:translate3d(0,34px,0) scale(.78);filter:blur(6px)}
    48%{opacity:1;transform:translate3d(0,-9px,0) scale(1.045);filter:blur(0)}
    72%{transform:translate3d(0,3px,0) scale(.992)}
    100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}
@keyframes fantasyCloseButtonSpin{
    0%{opacity:0;transform:rotate(-220deg) scale(.38)}
    68%{opacity:1;transform:rotate(18deg) scale(1.12)}
    100%{opacity:1;transform:rotate(0deg) scale(1)}
}

/* jAlert 插件也补一个真正的弹出动画 */
#popup_container{
    top:50% !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;
    animation:fantasyJalertPopIn2 .48s cubic-bezier(.16,1.25,.32,1) both !important;
}
@keyframes fantasyJalertPopIn2{
    0%{opacity:0;transform:translate(-50%,-42%) scale(.78);filter:blur(5px)}
    55%{opacity:1;transform:translate(-50%,-53%) scale(1.04);filter:blur(0)}
    100%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}
}

@media (max-width:420px){
    #pop,#pop2,#pop_truename,
    #tanchu1 .tcbox,#tanchu2 .tcbox,#tanchu_truename .tcbox{
        width:calc(100vw - 24px) !important;
        max-width:calc(100vw - 24px) !important;
        max-height:calc((var(--fantasy-vh, 1vh) * 100) - 26px) !important;
        padding:50px 14px 18px !important;
    }
}
@media (max-width:360px){
    #pop,#pop2,#pop_truename,
    #tanchu1 .tcbox,#tanchu2 .tcbox,#tanchu_truename .tcbox{
        width:calc(100vw - 18px) !important;
        max-width:calc(100vw - 18px) !important;
    }
}



/* 
   六次修正：移动端弹窗实测修复层 + 静态选区页漂浮星光
   目标：强制居中、强制动画、关闭键固定为 X，不再受旧 .close 旋转样式影响
    */
:root{
    --lh-vh:1vh;
    --lh-modal-w:min(392px, calc(100vw - 32px));
}
html.lh-modal-open,
body.lh-modal-open{
    overflow:hidden !important;
    height:100% !important;
    touch-action:none !important;
}

/* 静态页面漂浮星光：页面不打开弹窗时也持续可见 */
.floating-stars{
    position:fixed !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    overflow:hidden !important;
    opacity:1 !important;
}
.fantasy-page{position:relative !important; z-index:3 !important;}
.floating-stars i,
.floating-stars .lh-star{
    position:absolute !important;
    display:block !important;
    left:var(--x) !important;
    top:var(--y) !important;
    width:var(--s) !important;
    height:var(--s) !important;
    border-radius:999px !important;
    background:rgba(255,237,174,.98) !important;
    box-shadow:
        0 0 7px rgba(255,237,174,.92),
        0 0 18px rgba(127,94,255,.54),
        0 0 34px rgba(82,214,255,.20) !important;
    opacity:.58 !important;
    transform:translate3d(0,0,0) scale(.8) !important;
    animation:lhStaticStarFloat var(--d, 12s) ease-in-out infinite !important;
    animation-delay:var(--delay, 0s) !important;
    will-change:transform, opacity, filter !important;
}
.realm-card{isolation:isolate !important;}
.realm-card > *{position:relative; z-index:2;}
.realm-card:before{
    z-index:1 !important;
    opacity:.42 !important;
    background-image:
        radial-gradient(circle at 12% 18%, rgba(255,235,169,.62) 0 1px, transparent 2px),
        radial-gradient(circle at 68% 22%, rgba(105,225,255,.34) 0 1px, transparent 2px),
        radial-gradient(circle at 32% 78%, rgba(203,176,255,.38) 0 1px, transparent 2px),
        radial-gradient(circle at 84% 66%, rgba(255,235,169,.46) 0 1px, transparent 2px),
        linear-gradient(120deg, transparent 0 38%, rgba(255,255,255,.07) 50%, transparent 64% 100%) !important;
    background-size:150px 150px, 210px 210px, 170px 170px, 240px 240px, 100% 100% !important;
    animation:lhCardStarDrift 15s linear infinite, shimmer 6.8s ease-in-out infinite !important;
    pointer-events:none !important;
}
.server-list:after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    border-radius:inherit !important;
    background-image:
        radial-gradient(circle at 16% 24%, rgba(255,234,169,.50) 0 1px, transparent 2px),
        radial-gradient(circle at 74% 14%, rgba(99,211,255,.34) 0 1px, transparent 2px),
        radial-gradient(circle at 42% 82%, rgba(204,184,255,.40) 0 1px, transparent 2px),
        radial-gradient(circle at 89% 68%, rgba(255,234,169,.34) 0 1px, transparent 2px) !important;
    background-size:126px 126px, 172px 172px, 144px 144px, 194px 194px !important;
    animation:lhCardStarDrift 13s linear infinite reverse !important;
    opacity:.65 !important;
}
.server-list a{position:relative !important; z-index:1 !important;}
@keyframes lhStaticStarFloat{
    0%{opacity:.08; transform:translate3d(0,12px,0) scale(.55); filter:blur(.3px)}
    18%{opacity:.86;}
    50%{opacity:.68; transform:translate3d(16px,-42px,0) scale(1.25); filter:blur(0)}
    78%{opacity:.44;}
    100%{opacity:.10; transform:translate3d(-10px,-92px,0) scale(.62); filter:blur(.4px)}
}
@keyframes lhCardStarDrift{
    0%{background-position:0 0,0 0,0 0,0 0,0 0;}
    100%{background-position:34px -92px,-46px -118px,58px -76px,-32px -106px,180% 0;}
}

/* 弹窗遮罩：只要打开，即强制手机屏幕中央弹出 */
#tanchu1,#tanchu2,#tanchu_truename{
    position:fixed !important;
    inset:0 !important;
    left:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100vw !important;
    height:calc(var(--lh-vh, 1vh) * 100) !important;
    min-height:calc(var(--lh-vh, 1vh) * 100) !important;
    margin:0 !important;
    padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left)) !important;
    box-sizing:border-box !important;
    z-index:2147483000 !important;
    overflow:hidden !important;
    background:rgba(0,0,5,.955) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
}
#tanchu1.lh-modal-active,
#tanchu2.lh-modal-active,
#tanchu_truename.lh-modal-active,
#tanchu1[style*="display: flex"],
#tanchu2[style*="display: flex"],
#tanchu_truename[style*="display: flex"],
#tanchu1[style*="display: block"],
#tanchu2[style*="display: block"],
#tanchu_truename[style*="display: block"],
#tanchu1[style*="display:block"],
#tanchu2[style*="display:block"],
#tanchu_truename[style*="display:block"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    animation:lhBackdropPop .24s ease-out both !important;
}

/* 弹窗主体：清掉所有旧 margin/top/rotate，始终位于可视区中心 */
#pop,#pop2,#pop_truename,
#tanchu1 .tcbox,#tanchu2 .tcbox,#tanchu_truename .tcbox{
    position:relative !important;
    display:block !important;
    left:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    float:none !important;
    clear:both !important;
    width:var(--lh-modal-w) !important;
    max-width:calc(100vw - 32px) !important;
    max-height:calc((var(--lh-vh, 1vh) * 100) - 32px) !important;
    margin:0 auto !important;
    padding:56px 18px 22px !important;
    box-sizing:border-box !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    transform:none !important;
    transform-origin:center center !important;
    opacity:1 !important;
    border-radius:22px !important;
    border:1px solid rgba(202,157,67,.58) !important;
    color:#f0e7fb !important;
    background:
        radial-gradient(circle at 50% -10%, rgba(96,55,174,.38), transparent 46%),
        radial-gradient(circle at 100% 20%, rgba(28,88,108,.18), transparent 32%),
        linear-gradient(180deg,#07030e 0%,#000003 100%) !important;
    box-shadow:
        0 28px 88px rgba(0,0,0,.92),
        0 0 0 1px rgba(255,255,255,.045) inset,
        0 0 42px rgba(139,83,229,.24),
        0 0 24px rgba(202,157,67,.12) !important;
}
#tanchu1.lh-modal-active #pop.lh-modal-card-active,
#tanchu2.lh-modal-active #pop2.lh-modal-card-active,
#tanchu_truename.lh-modal-active #pop_truename.lh-modal-card-active,
#tanchu1[style*="display: block"] #pop,
#tanchu2[style*="display: block"] #pop2,
#tanchu_truename[style*="display: block"] #pop_truename{
    animation:lhModalPop .58s cubic-bezier(.16,1.28,.32,1) both,
              lhModalBreath 3.6s ease-in-out .62s infinite !important;
}
#tanchu1 .tcbox1,#tanchu2 .tcbox1,#tanchu_truename .tcbox1,
#tanchu1 .tcbox2,#tanchu2 .tcbox2,#tanchu_truename .tcbox2{
    width:100% !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
}
#tanchu1 .mbox,#tanchu2 .mbox,#tanchu_truename .mbox,
#tanchu1 .huifu,#tanchu2 .huifu,#tanchu_truename .huifu{
    width:100% !important;
    float:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}
#tanchu1 .tcbox2 br,#tanchu2 .tcbox2 br,#tanchu_truename .tcbox2 br{display:none !important;}

/* 关闭键：固定真实 X，禁用所有旧的 + 号旋转逻辑 */
#tanchu1 .close,#tanchu2 .close,#tanchu_truename .close{
    position:absolute !important;
    top:12px !important;
    right:12px !important;
    left:auto !important;
    bottom:auto !important;
    z-index:30 !important;
    width:42px !important;
    height:42px !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    float:none !important;
    line-height:0 !important;
    text-align:center !important;
    pointer-events:auto !important;
}
#tanchu1 .close em,#tanchu2 .close em,#tanchu_truename .close em{
    display:block !important;
    width:42px !important;
    height:42px !important;
    font-style:normal !important;
    pointer-events:auto !important;
}
#tanchu1 .close a,#tanchu2 .close a,#tanchu_truename .close a,
#tanchu1 .close a.lh-close-btn,#tanchu2 .close a.lh-close-btn,#tanchu_truename .close a.lh-close-btn{
    position:relative !important;
    display:block !important;
    width:42px !important;
    height:42px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:999px !important;
    overflow:hidden !important;
    font-size:0 !important;
    line-height:0 !important;
    color:transparent !important;
    text-indent:-9999px !important;
    text-decoration:none !important;
    transform:none !important;
    rotate:0deg !important;
    background:
        radial-gradient(circle at 35% 22%, #ffe7a0 0, #c89638 42%, #6b3512 100%) !important;
    border:1px solid rgba(255,231,151,.52) !important;
    box-shadow:
        0 12px 24px rgba(0,0,0,.66),
        0 0 18px rgba(219,168,65,.34),
        inset 0 1px 0 rgba(255,255,255,.32) !important;
    animation:lhCloseSpin .62s cubic-bezier(.18,1.38,.28,1) .06s both !important;
    -webkit-tap-highlight-color:transparent !important;
}
#tanchu1 .close a::before,#tanchu1 .close a::after,
#tanchu2 .close a::before,#tanchu2 .close a::after,
#tanchu_truename .close a::before,#tanchu_truename .close a::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:20px !important;
    height:2.5px !important;
    border-radius:999px !important;
    background:#1a0b02 !important;
    box-shadow:0 1px 0 rgba(255,239,182,.28) !important;
    transform-origin:center center !important;
    text-indent:0 !important;
}
#tanchu1 .close a::before,#tanchu2 .close a::before,#tanchu_truename .close a::before{
    transform:translate(-50%,-50%) rotate(45deg) !important;
}
#tanchu1 .close a::after,#tanchu2 .close a::after,#tanchu_truename .close a::after{
    transform:translate(-50%,-50%) rotate(-45deg) !important;
}
#tanchu1 .close a:active,#tanchu2 .close a:active,#tanchu_truename .close a:active{
    transform:scale(.92) !important;
}

#tanchu1 input,#tanchu2 input,#tanchu_truename input,
#tanchu1 .textarea2,#tanchu2 .textarea2,#tanchu_truename .textarea2{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:46px !important;
    min-height:46px !important;
    margin:10px 0 14px 0 !important;
    padding:10px 13px !important;
    display:block !important;
    border-radius:14px !important;
    font-size:16px !important;
    color:#fff8ed !important;
    background:rgba(0,0,0,.55) !important;
    border:1px solid rgba(202,157,67,.30) !important;
    box-shadow:inset 0 1px 10px rgba(0,0,0,.42) !important;
    outline:none !important;
    -webkit-appearance:none !important;
    appearance:none !important;
}
#tanchu1 .huifu,#tanchu2 .huifu,#tanchu_truename .huifu{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    margin-top:12px !important;
}
#tanchu1 .huifu span,#tanchu2 .huifu span,#tanchu_truename .huifu span{
    display:flex !important;
    justify-content:center !important;
    width:100% !important;
}
#tanchu1 #buttom,#tanchu2 #buttom,#tanchu_truename #buttom,
#tanchu1 .huifu a,#tanchu2 .huifu a,#tanchu_truename .huifu a{
    width:min(240px, 100%) !important;
    min-height:46px !important;
    margin:0 auto !important;
    border-radius:15px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
@keyframes lhBackdropPop{
    from{opacity:0; backdrop-filter:blur(0); -webkit-backdrop-filter:blur(0);}
    to{opacity:1; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);}
}
@keyframes lhModalPop{
    0%{opacity:0; transform:translate3d(0,38px,0) scale(.76); filter:blur(7px);}
    48%{opacity:1; transform:translate3d(0,-10px,0) scale(1.045); filter:blur(0);}
    72%{transform:translate3d(0,4px,0) scale(.992);}
    100%{opacity:1; transform:translate3d(0,0,0) scale(1); filter:blur(0);}
}
@keyframes lhModalBreath{
    0%,100%{box-shadow:0 28px 88px rgba(0,0,0,.92),0 0 0 1px rgba(255,255,255,.045) inset,0 0 42px rgba(139,83,229,.22),0 0 24px rgba(202,157,67,.12)}
    50%{box-shadow:0 28px 88px rgba(0,0,0,.92),0 0 0 1px rgba(255,255,255,.055) inset,0 0 52px rgba(139,83,229,.30),0 0 34px rgba(202,157,67,.20)}
}
@keyframes lhCloseSpin{
    0%{opacity:0; transform:rotate(-220deg) scale(.34);}
    64%{opacity:1; transform:rotate(18deg) scale(1.12);}
    100%{opacity:1; transform:rotate(0deg) scale(1);}
}
@media (max-width:420px){
    :root{--lh-modal-w:calc(100vw - 28px);}
    #pop,#pop2,#pop_truename,
    #tanchu1 .tcbox,#tanchu2 .tcbox,#tanchu_truename .tcbox{
        max-width:calc(100vw - 28px) !important;
        max-height:calc((var(--lh-vh, 1vh) * 100) - 28px) !important;
        padding:56px 15px 20px !important;
        border-radius:20px !important;
    }
}
@media (max-width:360px){
    :root{--lh-modal-w:calc(100vw - 20px);}
    #pop,#pop2,#pop_truename,
    #tanchu1 .tcbox,#tanchu2 .tcbox,#tanchu_truename .tcbox{
        max-width:calc(100vw - 20px) !important;
        padding-left:12px !important;
        padding-right:12px !important;
    }
}


/* 关闭键最终兜底：直接显示真实 × 字符，避免任何旧样式把它旋成 + */
#tanchu1 .close a,#tanchu2 .close a,#tanchu_truename .close a,
#tanchu1 .close a.lh-close-btn,#tanchu2 .close a.lh-close-btn,#tanchu_truename .close a.lh-close-btn{
    font-size:28px !important;
    line-height:40px !important;
    font-weight:900 !important;
    font-family:Arial,"Microsoft YaHei",sans-serif !important;
    color:#1a0b02 !important;
    text-indent:0 !important;
    text-align:center !important;
    transform:rotate(0deg) scale(1) !important;
}
#tanchu1 .close a::before,#tanchu1 .close a::after,
#tanchu2 .close a::before,#tanchu2 .close a::after,
#tanchu_truename .close a::before,#tanchu_truename .close a::after{
    display:none !important;
}


/* 
   最终覆盖：上传图片替换文字 LOGO；关闭键改为普通“关闭”文字
    */
.realm-hero{
    padding:24px 12px 18px !important;
}
.game-logo-img{
    display:block !important;
    width:min(88vw, 760px) !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 auto !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    object-fit:contain !important;
    animation:logoAwaken .72s cubic-bezier(.2,1,.22,1) both !important;
}
@media (max-width:420px){
    .realm-hero{padding:20px 8px 16px !important;}
    .game-logo-img{width:min(92vw, 390px) !important;}
}

#tanchu1 .close,#tanchu2 .close,#tanchu_truename .close{
    position:absolute !important;
    top:13px !important;
    right:16px !important;
    left:auto !important;
    bottom:auto !important;
    z-index:40 !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    line-height:1 !important;
    text-align:right !important;
    pointer-events:auto !important;
}
#tanchu1 .close em,#tanchu2 .close em,#tanchu_truename .close em{
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    font-style:normal !important;
    line-height:1 !important;
}
#tanchu1 .close a,#tanchu2 .close a,#tanchu_truename .close a,
#tanchu1 .close a.lh-close-btn,#tanchu2 .close a.lh-close-btn,#tanchu_truename .close a.lh-close-btn{
    position:static !important;
    display:inline !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:400 !important;
    font-family:"Microsoft YaHei", Arial, sans-serif !important;
    color:#b9a77d !important;
    text-align:right !important;
    text-indent:0 !important;
    text-decoration:none !important;
    text-shadow:none !important;
    letter-spacing:0 !important;
    transform:none !important;
    rotate:0deg !important;
    opacity:1 !important;
    animation:none !important;
    filter:none !important;
    -webkit-tap-highlight-color:transparent !important;
}
#tanchu1 .close a::before,#tanchu1 .close a::after,
#tanchu2 .close a::before,#tanchu2 .close a::after,
#tanchu_truename .close a::before,#tanchu_truename .close a::after{
    content:none !important;
    display:none !important;
}
#tanchu1 .close a:hover,#tanchu2 .close a:hover,#tanchu_truename .close a:hover,
#tanchu1 .close a:active,#tanchu2 .close a:active,#tanchu_truename .close a:active{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#b9a77d !important;
    transform:none !important;
    animation:none !important;
    filter:none !important;
}


/* 
   七次修正：解决手机弹窗底部按钮被挡、关闭文字倾斜、移除无用入口
    */
#tanchu1,#tanchu2,#tanchu_truename{
    overflow-y:auto !important;
    overflow-x:hidden !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    padding:calc(8px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left)) !important;
    -webkit-overflow-scrolling:touch !important;
}
#tanchu1.lh-modal-active,
#tanchu2.lh-modal-active,
#tanchu_truename.lh-modal-active,
#tanchu1[style*="display: flex"],
#tanchu2[style*="display: flex"],
#tanchu_truename[style*="display: flex"],
#tanchu1[style*="display: block"],
#tanchu2[style*="display: block"],
#tanchu_truename[style*="display: block"],
#tanchu1[style*="display:block"],
#tanchu2[style*="display:block"],
#tanchu_truename[style*="display:block"]{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
}
#pop,#pop2,#pop_truename,
#tanchu1 .tcbox,#tanchu2 .tcbox,#tanchu_truename .tcbox{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:8px auto calc(28px + env(safe-area-inset-bottom)) !important;
    padding:34px 14px 18px !important;
    overflow:visible !important;
}
#tanchu1 .tcbox1,#tanchu2 .tcbox1,#tanchu_truename .tcbox1,
#tanchu1 .tcbox2,#tanchu2 .tcbox2,#tanchu_truename .tcbox2,
#tanchu1 .mbox,#tanchu2 .mbox,#tanchu_truename .mbox,
#tanchu1 .huifu,#tanchu2 .huifu,#tanchu_truename .huifu{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
}
#tanchu1 .tcbox2,#tanchu2 .tcbox2,#tanchu_truename .tcbox2{
    margin-top:4px !important;
    padding-top:0 !important;
}
#tanchu1 .tcbox2 br,#tanchu2 .tcbox2 br,#tanchu_truename .tcbox2 br{
    display:none !important;
}
#tanchu1 .huifu,#tanchu2 .huifu,#tanchu_truename .huifu{
    margin:8px 0 0 !important;
    padding:0 !important;
}
#tanchu1 #buttom,#tanchu2 #buttom,#tanchu_truename #buttom,
#tanchu1 .huifu a,#tanchu2 .huifu a,#tanchu_truename .huifu a{
    position:relative !important;
    z-index:5 !important;
    width:min(240px,100%) !important;
    height:44px !important;
    min-height:44px !important;
    margin:0 auto !important;
}
#tanchu1 .close,#tanchu2 .close,#tanchu_truename .close{
    top:12px !important;
    right:16px !important;
    width:auto !important;
    height:auto !important;
    line-height:1 !important;
    transform:none !important;
    rotate:0deg !important;
}
#tanchu1 .close em,#tanchu2 .close em,#tanchu_truename .close em{
    display:inline !important;
    width:auto !important;
    height:auto !important;
    font-style:normal !important;
    transform:none !important;
    rotate:0deg !important;
}
#tanchu1 .close a,#tanchu2 .close a,#tanchu_truename .close a,
#tanchu1 .close a.lh-close-btn,#tanchu2 .close a.lh-close-btn,#tanchu_truename .close a.lh-close-btn{
    display:inline !important;
    width:auto !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
    color:#b9a77d !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    text-shadow:none !important;
    text-decoration:none !important;
    font-size:14px !important;
    font-weight:400 !important;
    font-style:normal !important;
    font-family:"Microsoft YaHei", Arial, sans-serif !important;
    line-height:1.2 !important;
    letter-spacing:0 !important;
    text-indent:0 !important;
    transform:none !important;
    rotate:0deg !important;
    animation:none !important;
    filter:none !important;
    writing-mode:horizontal-tb !important;
}
#tanchu1 .close a::before,#tanchu1 .close a::after,
#tanchu2 .close a::before,#tanchu2 .close a::after,
#tanchu_truename .close a::before,#tanchu_truename .close a::after{
    content:none !important;
    display:none !important;
}
.support-link{display:none !important;}
@supports (height: 100svh){
    #tanchu1,#tanchu2,#tanchu_truename{
        height:100svh !important;
        min-height:100svh !important;
    }
}
@media (max-width:420px){
    #pop,#pop2,#pop_truename,
    #tanchu1 .tcbox,#tanchu2 .tcbox,#tanchu_truename .tcbox{
        width:calc(100vw - 24px) !important;
        max-width:calc(100vw - 24px) !important;
        margin-top:8px !important;
        padding:34px 14px 18px !important;
    }
}



/* ---
   最终显示修正：按钮不被挡、关闭文字不倾斜、去掉 LOGO 上方边框
   --- */
.realm-card{
    border-top:0 !important;
}
.realm-card:after{
    border-top:0 !important;
}
.realm-hero{
    padding-top:16px !important;
}
.game-logo-img{
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}
#tanchu1,#tanchu2,#tanchu_truename{
    position:fixed !important;
    left:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100vw !important;
    height:100vh !important;
    min-height:100vh !important;
    padding:calc(8px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(72px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left)) !important;
    box-sizing:border-box !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
}
@supports (height: 100dvh){
    #tanchu1,#tanchu2,#tanchu_truename{
        height:100dvh !important;
        min-height:100dvh !important;
    }
}
#tanchu1.lh-modal-active,
#tanchu2.lh-modal-active,
#tanchu_truename.lh-modal-active,
#tanchu1[style*="display: flex"],
#tanchu2[style*="display: flex"],
#tanchu_truename[style*="display: flex"],
#tanchu1[style*="display: block"],
#tanchu2[style*="display: block"],
#tanchu_truename[style*="display: block"],
#tanchu1[style*="display:block"],
#tanchu2[style*="display:block"],
#tanchu_truename[style*="display:block"]{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
}
#pop,#pop2,#pop_truename,
#tanchu1 .tcbox,#tanchu2 .tcbox,#tanchu_truename .tcbox{
    position:relative !important;
    display:block !important;
    width:min(390px, calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:8px auto calc(72px + env(safe-area-inset-bottom)) !important;
    padding:32px 14px 22px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    transform:none !important;
    rotate:0deg !important;
}
#tanchu1 .tcbox1,#tanchu2 .tcbox1,#tanchu_truename .tcbox1,
#tanchu1 .tcbox2,#tanchu2 .tcbox2,#tanchu_truename .tcbox2,
#tanchu1 .mbox,#tanchu2 .mbox,#tanchu_truename .mbox,
#tanchu1 .huifu,#tanchu2 .huifu,#tanchu_truename .huifu{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
}
#tanchu1 .tcbox2,#tanchu2 .tcbox2,#tanchu_truename .tcbox2{
    margin-top:8px !important;
    padding-top:0 !important;
}
#tanchu1 .tcbox2 br,#tanchu2 .tcbox2 br,#tanchu_truename .tcbox2 br{
    display:none !important;
}
#tanchu1 .huifu,#tanchu2 .huifu,#tanchu_truename .huifu{
    margin:10px 0 0 !important;
    padding:0 !important;
}
#tanchu1 #buttom,#tanchu2 #buttom,#tanchu_truename #buttom,
#tanchu1 .huifu a,#tanchu2 .huifu a,#tanchu_truename .huifu a{
    position:relative !important;
    z-index:20 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:min(240px, 100%) !important;
    min-height:44px !important;
    height:44px !important;
    margin:0 auto !important;
}
#tanchu1 .close,#tanchu2 .close,#tanchu_truename .close,
#tanchu1 .close em,#tanchu2 .close em,#tanchu_truename .close em,
#tanchu1 .close a,#tanchu2 .close a,#tanchu_truename .close a,
#tanchu1 .close a.lh-close-btn,#tanchu2 .close a.lh-close-btn,#tanchu_truename .close a.lh-close-btn{
    transform:none !important;
    rotate:0deg !important;
    animation:none !important;
    filter:none !important;
    font-style:normal !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
    white-space:nowrap !important;
}
#tanchu1 .close,#tanchu2 .close,#tanchu_truename .close{
    position:absolute !important;
    top:12px !important;
    right:16px !important;
    left:auto !important;
    bottom:auto !important;
    width:auto !important;
    height:auto !important;
    line-height:1 !important;
    text-align:right !important;
    z-index:50 !important;
}
#tanchu1 .close em,#tanchu2 .close em,#tanchu_truename .close em{
    display:inline !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
}
#tanchu1 .close a,#tanchu2 .close a,#tanchu_truename .close a,
#tanchu1 .close a.lh-close-btn,#tanchu2 .close a.lh-close-btn,#tanchu_truename .close a.lh-close-btn{
    position:static !important;
    display:inline !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#b9a77d !important;
    font-size:14px !important;
    font-weight:400 !important;
    font-family:"Microsoft YaHei", Arial, sans-serif !important;
    line-height:1.2 !important;
    letter-spacing:0 !important;
    text-indent:0 !important;
    text-decoration:none !important;
    text-shadow:none !important;
    opacity:1 !important;
    -webkit-tap-highlight-color:transparent !important;
}
#tanchu1 .close a::before,#tanchu1 .close a::after,
#tanchu2 .close a::before,#tanchu2 .close a::after,
#tanchu_truename .close a::before,#tanchu_truename .close a::after{
    content:none !important;
    display:none !important;
}
@media (max-height:720px){
    #pop,#pop2,#pop_truename,
    #tanchu1 .tcbox,#tanchu2 .tcbox,#tanchu_truename .tcbox{
        margin-top:4px !important;
        padding-top:30px !important;
        padding-bottom:16px !important;
    }
    #tanchu1 input,#tanchu2 input,#tanchu_truename input,
    #tanchu1 .textarea2,#tanchu2 .textarea2,#tanchu_truename .textarea2{
        height:42px !important;
        min-height:42px !important;
        margin-top:6px !important;
        margin-bottom:10px !important;
    }
}



/* --- 最终补丁：LOGO 图片自身增加圆角边框；页面卡片顶部边框保持去除 --- */
.realm-card{
    border-top:0 !important;
}
.realm-card:after{
    border-top:0 !important;
}
.realm-hero{
    border-top:0 !important;
}
.game-logo-img{
    border:1px solid rgba(218,181,95,.82) !important;
    border-radius:18px !important;
    padding:2px !important;
    background:rgba(0,0,0,.16) !important;
    box-shadow:0 8px 22px rgba(0,0,0,.38) !important;
}
@media (max-width:420px){
    .game-logo-img{
        border-radius:14px !important;
        padding:2px !important;
    }
}



/* ---
   八次修正：弹窗上下居中 + 轻量弹出动画
   目标：不再贴顶部；按钮不被浏览器底栏挡住；动画只使用 opacity/transform，避免 blur/box-shadow 造成手机卡顿。
   --- */
html.lh-modal-open,
body.lh-modal-open{
    overflow:hidden !important;
    height:100% !important;
}
#tanchu1,#tanchu2,#tanchu_truename{
    position:fixed !important;
    left:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100vw !important;
    height:calc(var(--lh-vh, 1vh) * 100) !important;
    min-height:calc(var(--lh-vh, 1vh) * 100) !important;
    padding:calc(14px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left)) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    background:rgba(0,0,7,.925) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    overscroll-behavior:contain !important;
}
@supports (height:100dvh){
    #tanchu1,#tanchu2,#tanchu_truename{
        height:100dvh !important;
        min-height:100dvh !important;
    }
}
#tanchu1.lh-modal-active,
#tanchu2.lh-modal-active,
#tanchu_truename.lh-modal-active,
#tanchu1[style*="display: flex"],
#tanchu2[style*="display: flex"],
#tanchu_truename[style*="display: flex"],
#tanchu1[style*="display: block"],
#tanchu2[style*="display: block"],
#tanchu_truename[style*="display: block"],
#tanchu1[style*="display:block"],
#tanchu2[style*="display:block"],
#tanchu_truename[style*="display:block"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    animation:lhBackdropFadeSmooth .18s ease-out both !important;
}
#pop,#pop2,#pop_truename,
#tanchu1 .tcbox,#tanchu2 .tcbox,#tanchu_truename .tcbox{
    position:relative !important;
    display:block !important;
    left:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:min(390px, calc(100vw - 28px)) !important;
    max-width:calc(100vw - 28px) !important;
    max-height:calc((var(--lh-vh, 1vh) * 100) - 44px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
    height:auto !important;
    min-height:0 !important;
    margin:auto !important;
    padding:32px 14px 18px !important;
    box-sizing:border-box !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    transform:translate3d(0,0,0) scale(1) !important;
    transform-origin:center center !important;
    opacity:1 !important;
    will-change:transform, opacity !important;
    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
    contain:layout paint !important;
    animation:none !important;
}
#tanchu1.lh-modal-active #pop.lh-modal-card-active,
#tanchu2.lh-modal-active #pop2.lh-modal-card-active,
#tanchu_truename.lh-modal-active #pop_truename.lh-modal-card-active,
#tanchu1[style*="display: block"] #pop,
#tanchu2[style*="display: block"] #pop2,
#tanchu_truename[style*="display: block"] #pop_truename,
#tanchu1[style*="display: flex"] #pop,
#tanchu2[style*="display: flex"] #pop2,
#tanchu_truename[style*="display: flex"] #pop_truename{
    animation:lhModalPopSmooth .30s cubic-bezier(.2,.82,.2,1) both !important;
}
#tanchu1 .tcbox1,#tanchu2 .tcbox1,#tanchu_truename .tcbox1,
#tanchu1 .tcbox2,#tanchu2 .tcbox2,#tanchu_truename .tcbox2,
#tanchu1 .mbox,#tanchu2 .mbox,#tanchu_truename .mbox,
#tanchu1 .huifu,#tanchu2 .huifu,#tanchu_truename .huifu{
    max-height:none !important;
    overflow:visible !important;
}
#tanchu1 .tcbox2,#tanchu2 .tcbox2,#tanchu_truename .tcbox2{
    margin-top:8px !important;
    padding-bottom:0 !important;
}
#tanchu1 .huifu,#tanchu2 .huifu,#tanchu_truename .huifu{
    margin:10px 0 0 !important;
}
#tanchu1 #buttom,#tanchu2 #buttom,#tanchu_truename #buttom,
#tanchu1 .huifu a,#tanchu2 .huifu a,#tanchu_truename .huifu a{
    position:relative !important;
    z-index:20 !important;
    min-height:44px !important;
    height:44px !important;
    margin:0 auto !important;
}
#tanchu1 .close,#tanchu2 .close,#tanchu_truename .close,
#tanchu1 .close em,#tanchu2 .close em,#tanchu_truename .close em,
#tanchu1 .close a,#tanchu2 .close a,#tanchu_truename .close a,
#tanchu1 .close a.lh-close-btn,#tanchu2 .close a.lh-close-btn,#tanchu_truename .close a.lh-close-btn{
    transform:none !important;
    rotate:0deg !important;
    animation:none !important;
    filter:none !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
    white-space:nowrap !important;
}
@keyframes lhBackdropFadeSmooth{
    from{opacity:0;}
    to{opacity:1;}
}
@keyframes lhModalPopSmooth{
    0%{opacity:0; transform:translate3d(0,18px,0) scale(.965);}
    72%{opacity:1; transform:translate3d(0,-2px,0) scale(1.006);}
    100%{opacity:1; transform:translate3d(0,0,0) scale(1);}
}
@media (max-height:620px){
    #pop,#pop2,#pop_truename,
    #tanchu1 .tcbox,#tanchu2 .tcbox,#tanchu_truename .tcbox{
        max-height:calc((var(--lh-vh, 1vh) * 100) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
        padding-top:28px !important;
        padding-bottom:14px !important;
    }
}
@media (max-width:360px){
    #pop,#pop2,#pop_truename,
    #tanchu1 .tcbox,#tanchu2 .tcbox,#tanchu_truename .tcbox{
        width:calc(100vw - 20px) !important;
        max-width:calc(100vw - 20px) !important;
    }
}


/* --- 九次修正：星光颗粒放大；新区单独一行；其他区自动排列 --- */
.floating-stars i,
.floating-stars .lh-star{
    width:calc(var(--s) * 1.35) !important;
    height:calc(var(--s) * 1.35) !important;
    min-width:3.2px !important;
    min-height:3.2px !important;
    opacity:.82 !important;
    background:rgba(255,241,186,.98) !important;
    box-shadow:
        0 0 10px rgba(255,241,186,.96),
        0 0 24px rgba(142,104,255,.62),
        0 0 42px rgba(82,214,255,.30) !important;
}
.realm-card:before{
    background-image:
        radial-gradient(circle at 12% 18%, rgba(255,235,169,.70) 0 1.6px, transparent 3.2px),
        radial-gradient(circle at 68% 22%, rgba(105,225,255,.46) 0 1.5px, transparent 3px),
        radial-gradient(circle at 32% 78%, rgba(203,176,255,.50) 0 1.5px, transparent 3px),
        radial-gradient(circle at 84% 66%, rgba(255,235,169,.54) 0 1.5px, transparent 3px),
        linear-gradient(120deg, transparent 0 38%, rgba(255,255,255,.07) 50%, transparent 64% 100%) !important;
}
.server-list:after{
    background-image:
        radial-gradient(circle at 16% 24%, rgba(255,234,169,.62) 0 1.6px, transparent 3.2px),
        radial-gradient(circle at 74% 14%, rgba(99,211,255,.46) 0 1.5px, transparent 3px),
        radial-gradient(circle at 42% 82%, rgba(204,184,255,.52) 0 1.5px, transparent 3px),
        radial-gradient(circle at 89% 68%, rgba(255,234,169,.46) 0 1.5px, transparent 3px) !important;
    opacity:.78 !important;
}
.server-list{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px 8px !important;
    text-align:center !important;
}
.server-list br{display:none !important;}
.server-list .realm-section,
.server-list .realm-last-login{
    flex:0 0 100% !important;
}
.server-list a.realm-server{
    flex:1 1 calc(33.333% - 12px) !important;
    min-width:104px !important;
    max-width:168px !important;
    margin:0 !important;
}
.server-list a.realm-new{
    flex:0 0 100% !important;
    width:100% !important;
    max-width:320px !important;
    min-width:0 !important;
    margin:4px auto 8px !important;
    min-height:42px !important;
    font-size:14px !important;
}
.server-list a.realm-action{
    flex:1 1 calc(50% - 12px) !important;
    max-width:220px !important;
    margin:0 !important;
}
@media (max-width:420px){
    .server-list{
        gap:7px 7px !important;
    }
    .server-list a.realm-server{
        flex:1 1 calc(50% - 10px) !important;
        min-width:calc(50% - 10px) !important;
        max-width:none !important;
    }
    .server-list a.realm-new{
        flex:0 0 100% !important;
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
    }
    .server-list a.realm-action{
        flex:1 1 calc(50% - 10px) !important;
        max-width:none !important;
    }
}


/* --- 十次修正：去掉弹窗弹出动画，仅保留居中显示 --- */
#tanchu1.lh-modal-active,
#tanchu2.lh-modal-active,
#tanchu_truename.lh-modal-active,
#tanchu1[style*="display: flex"],
#tanchu2[style*="display: flex"],
#tanchu_truename[style*="display: flex"],
#tanchu1[style*="display: block"],
#tanchu2[style*="display: block"],
#tanchu_truename[style*="display: block"],
#tanchu1[style*="display:block"],
#tanchu2[style*="display:block"],
#tanchu_truename[style*="display:block"]{
    animation:none !important;
    transition:none !important;
    opacity:1 !important;
}
#pop,#pop2,#pop_truename,
#tanchu1 .tcbox,#tanchu2 .tcbox,#tanchu_truename .tcbox,
#tanchu1.lh-modal-active #pop.lh-modal-card-active,
#tanchu2.lh-modal-active #pop2.lh-modal-card-active,
#tanchu_truename.lh-modal-active #pop_truename.lh-modal-card-active,
#tanchu1[style*="display: block"] #pop,
#tanchu2[style*="display: block"] #pop2,
#tanchu_truename[style*="display: block"] #pop_truename,
#tanchu1[style*="display: flex"] #pop,
#tanchu2[style*="display: flex"] #pop2,
#tanchu_truename[style*="display: flex"] #pop_truename{
    animation:none !important;
    transition:none !important;
    transform:none !important;
    opacity:1 !important;
    will-change:auto !important;
}
#tanchu1 .close,#tanchu2 .close,#tanchu_truename .close,
#tanchu1 .close em,#tanchu2 .close em,#tanchu_truename .close em,
#tanchu1 .close a,#tanchu2 .close a,#tanchu_truename .close a{
    animation:none !important;
    transition:none !important;
    transform:none !important;
}


/* --- 性能补丁：低成本弹窗方案 ---
   1. 弹窗打开不再触发动画、transition、forced reflow。
   2. 弹窗打开时暂停背景星光/光晕/按钮脉冲，避免手机端同时重绘。
   3. 星光保留数量与颗粒感，但改为轻量 opacity 闪烁，不再做位移 + filter 动画。
*/
.floating-stars i{
    filter:none !important;
    transform:none !important;
    will-change:opacity !important;
    box-shadow:0 0 6px rgba(255,236,174,.74), 0 0 12px rgba(126,90,255,.24) !important;
    animation:lhStarTwinkleLite 7.2s ease-in-out infinite !important;
}
@keyframes lhStarTwinkleLite{
    0%,100%{opacity:.34;}
    45%{opacity:.88;}
    70%{opacity:.48;}
}
body:after{
    animation:none !important;
    filter:none !important;
    opacity:.16 !important;
}
body:before{
    animation:none !important;
}
.fantasy-page:before,
.fantasy-page:after,
.realm-card:before,
.realm-card:after,
.game-logo-img,
.server-list a.realm-new,
.support-link{
    animation:none !important;
    transition:none !important;
}
html.lh-modal-open .floating-stars i,
body.lh-modal-open .floating-stars i,
body.lh-modal-open:before,
body.lh-modal-open:after,
body.lh-modal-open .fantasy-page:before,
body.lh-modal-open .fantasy-page:after,
body.lh-modal-open .realm-card:before,
body.lh-modal-open .realm-card:after,
body.lh-modal-open .server-list a,
body.lh-modal-open .game-logo-img{
    animation:none !important;
    transition:none !important;
    filter:none !important;
    will-change:auto !important;
}
#tanchu1,#tanchu2,#tanchu_truename{
    background:rgba(0,0,6,.93) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}
#tanchu1.lh-modal-active,
#tanchu2.lh-modal-active,
#tanchu_truename.lh-modal-active,
#tanchu1[style*="display: flex"],
#tanchu2[style*="display: flex"],
#tanchu_truename[style*="display: flex"],
#tanchu1[style*="display: block"],
#tanchu2[style*="display: block"],
#tanchu_truename[style*="display: block"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    animation:none !important;
    transition:none !important;
    opacity:1 !important;
}
#pop,#pop2,#pop_truename,
#tanchu1 .tcbox,#tanchu2 .tcbox,#tanchu_truename .tcbox,
#tanchu1.lh-modal-active #pop.lh-modal-card-active,
#tanchu2.lh-modal-active #pop2.lh-modal-card-active,
#tanchu_truename.lh-modal-active #pop_truename.lh-modal-card-active{
    transform:none !important;
    animation:none !important;
    transition:none !important;
    opacity:1 !important;
    will-change:auto !important;
    box-shadow:0 10px 26px rgba(0,0,0,.44) !important;
    filter:none !important;
}
#tanchu1 *,#tanchu2 *,#tanchu_truename *,
#popup_overlay,#popup_container,#popup_container *{
    animation:none !important;
    transition:none !important;
    filter:none !important;
}
#popup_overlay{
    background:rgba(0,0,6,.88) !important;
}
#popup_container{
    transform:translate(-50%,-50%) !important;
    opacity:1 !important;
    will-change:auto !important;
    box-shadow:0 10px 24px rgba(0,0,0,.48) !important;
}



/* === 最终覆盖：选区按键改为高清透明图片底图（去掉四周紫色，仅保留金色边框内部） === */
:root{
    --realm-select-btn-img:url("../images/realm_button_inner_hd.png");
}
.server-list a.realm-server,

.server-list a.realm-new{
    flex:0 1 calc(33.333% - 10px) !important;
    width:auto !important;
    min-width:138px !important;
    max-width:154px !important;
    aspect-ratio:146 / 74 !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 16px !important;
    border:0 !important;
    border-radius:0 !important;
    background-color:transparent !important;
    background-image:var(--realm-select-btn-img) !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:100% 100% !important;
    box-shadow:none !important;
    overflow:visible !important;
    color:#f6e6ad !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.15 !important;
    letter-spacing:.04em !important;
    text-align:center !important;
    text-shadow:0 1px 2px rgba(0,0,0,.95), 0 0 8px rgba(255,217,137,.58) !important;
}
.server-list a.realm-server:before,
.server-list a.realm-server:after,
.server-list a.realm-new:before,
.server-list a.realm-new:after{
    display:none !important;
    content:none !important;
}
.server-list a.realm-server:hover,
.server-list a.realm-server:active,
.server-list a.realm-new:hover,
.server-list a.realm-new:active{
    transform:translateY(-1px) scale(1.015) !important;
    filter:brightness(1.10) saturate(1.06) !important;
    box-shadow:0 0 16px rgba(214,176,93,.24) !important;
}
.server-list a.realm-new{
    color:#fff0b8 !important;
    animation:none !important;
}
.server-list a.realm-history-entry{
    flex:0 0 100% !important;
    width:100% !important;
    min-width:0 !important;
    max-width:260px !important;
    aspect-ratio:146 / 74 !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 auto 6px !important;
    padding:8px 18px 7px !important;
    border:0 !important;
    border-radius:0 !important;
    background-color:transparent !important;
    background-image:var(--realm-select-btn-img) !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:100% 100% !important;
    box-shadow:none !important;
    overflow:visible !important;
    display:inline-flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    color:#f6e6ad !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.1 !important;
    letter-spacing:.04em !important;
    text-align:center !important;
    text-decoration:none !important;
    text-shadow:0 1px 2px rgba(0,0,0,.95), 0 0 8px rgba(255,217,137,.58) !important;
    filter:none !important;
}
.server-list a.realm-history-entry:before,
.server-list a.realm-history-entry:after{
    display:none !important;
    content:none !important;
}
.server-list a.realm-history-entry:hover,
.server-list a.realm-history-entry:active{
    transform:translateY(-1px) scale(1.015) !important;
    filter:brightness(1.10) saturate(1.06) !important;
}
.server-list a.realm-history-entry .login-time{
    display:block !important;
    width:100% !important;
    margin:3px 0 0 !important;
    padding:0 !important;
    color:#d7c9a0 !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:1.1 !important;
    text-align:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    text-shadow:0 1px 1px rgba(0,0,0,.85) !important;
}
@media (max-width:420px){
    .server-list a.realm-server,
    .server-list a.realm-new{
        flex:1 1 calc(50% - 8px) !important;
        min-width:calc(50% - 8px) !important;
        max-width:none !important;
        padding:0 12px !important;
        font-size:13px !important;
    }
    .server-list a.realm-history-entry{
        max-width:240px !important;
        padding:8px 14px 7px !important;
        font-size:13px !important;
    }
    .server-list a.realm-history-entry .login-time{
        font-size:10px !important;
    }
}
@media (max-width:340px){
    .server-list a.realm-server,
    .server-list a.realm-new{
        font-size:12px !important;
        letter-spacing:0 !important;
        padding:0 8px !important;
    }
}

/* 底部企业微信二维码图片：放在页面最底部，不影响原登录/选区逻辑 */
.add-weixin-footer{
    position:relative;
    z-index:2;
    width:100%;
    max-width:560px;
    margin:18px auto 0;
    padding:0 8px 28px;
    text-align:center;
}
.add-weixin-footer img{
    display:block;
    width:100%;
    max-width:420px;
    height:auto;
    margin:0 auto;
    border:0;
    border-radius:18px;
    box-shadow:0 18px 48px rgba(0,0,0,.48);
}
@media (max-width:420px){
    .add-weixin-footer{
        margin-top:14px;
        padding:0 6px 22px;
    }
    .add-weixin-footer img{
        max-width:100%;
        border-radius:14px;
    }
}



/* === 新增：整页背景边框图层（手机屏幕自适应，置于所有背景层最后面） === */
.site-frame-bg{
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    background-image:url("../images/bg_frame_border.jpg");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100% 100%;
    opacity:1;
}
.floating-stars{
    z-index:1 !important;
}
.fantasy-page,
.realm-shell,
.realm-card,
.add-weixin-footer{
    position:relative;
    z-index:2;
}
body{
    background:
        radial-gradient(circle at 50% -10%, rgba(44,22,86,.20) 0, transparent 42%),
        radial-gradient(circle at 12% 18%, rgba(12,38,62,.14) 0, transparent 28%),
        radial-gradient(circle at 88% 74%, rgba(72,36,13,.10) 0, transparent 32%),
        linear-gradient(180deg, rgba(0,0,2,.35) 0%, rgba(2,2,7,.28) 45%, rgba(0,0,0,.35) 100%) !important;
    background-color:#000002 !important;
}
@media (max-width:420px){
    .site-frame-bg{
        background-size:100% 100%;
    }
}


/* === 十一次修正：使用新扣出的金色边框替换文字底框，并增加立体与按下动画 === */
:root{
    --realm-select-btn-img:url("../images/realm_button_inner_hd.png");
}
.server-list a.realm-server,
.server-list a.realm-new,
.server-list a.realm-history-entry,
.server-list a.realm-action{
    position:relative !important;
    overflow:visible !important;
    background-color:transparent !important;
    background-image:var(--realm-select-btn-img) !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:100% 100% !important;
    border:0 !important;
    border-radius:0 !important;
    color:#f7e8bf !important;
    text-shadow:0 2px 3px rgba(0,0,0,.92), 0 0 12px rgba(255,219,137,.40) !important;
    box-shadow:0 14px 22px rgba(0,0,0,.34), 0 4px 0 rgba(92,63,26,.95), 0 0 18px rgba(224,184,96,.16) !important;
    filter:drop-shadow(0 5px 10px rgba(0,0,0,.28));
    transform:translateY(0) scale(1) !important;
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, text-shadow .18s ease !important;
    will-change:transform;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
    z-index:1;
}
.server-list a.realm-server::after,
.server-list a.realm-new::after,
.server-list a.realm-history-entry::after,
.server-list a.realm-action::after{
    content:"" !important;
    display:block !important;
    position:absolute;
    left:9%;
    right:9%;
    top:12%;
    height:34%;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,0));
    opacity:.52;
    pointer-events:none;
}
.server-list a.realm-server:hover,
.server-list a.realm-new:hover,
.server-list a.realm-history-entry:hover,
.server-list a.realm-action:hover{
    transform:translateY(-2px) scale(1.018) !important;
    box-shadow:0 18px 28px rgba(0,0,0,.40), 0 5px 0 rgba(92,63,26,.95), 0 0 22px rgba(224,184,96,.22) !important;
    filter:brightness(1.05) saturate(1.05) drop-shadow(0 6px 12px rgba(0,0,0,.34));
}
.server-list a.realm-server:active,
.server-list a.realm-new:active,
.server-list a.realm-history-entry:active,
.server-list a.realm-action:active{
    transform:translateY(3px) scale(.985) !important;
    box-shadow:0 5px 10px rgba(0,0,0,.30), 0 1px 0 rgba(92,63,26,.92), 0 0 8px rgba(224,184,96,.12) !important;
    filter:brightness(.96) saturate(1.08) drop-shadow(0 2px 5px rgba(0,0,0,.22));
}
.server-list a.realm-server{
    color:#f8edc8 !important;
}
.server-list a.realm-new{
    color:#fff2c7 !important;
}
.server-list a.realm-history-entry{
    color:#f7e8bf !important;
}
.server-list a.realm-history-entry .login-time{
    color:#ddd0ab !important;
    text-shadow:0 1px 2px rgba(0,0,0,.85) !important;
}
.server-list a.realm-action{
    flex:1 1 calc(50% - 12px) !important;
    min-width:168px !important;
    max-width:232px !important;
    min-height:58px !important;
    height:58px !important;
    margin:0 !important;
    padding:0 18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.1 !important;
    letter-spacing:.04em !important;
    text-align:center !important;
    text-decoration:none !important;
}
@media (max-width:420px){
    .server-list a.realm-action{
        min-width:calc(50% - 10px) !important;
        max-width:none !important;
        height:54px !important;
        min-height:54px !important;
        padding:0 14px !important;
        font-size:13px !important;
    }
    .server-list a.realm-server,
    .server-list a.realm-new,
    .server-list a.realm-history-entry{
        filter:drop-shadow(0 4px 8px rgba(0,0,0,.24));
    }
}

/* 星光位置：从 JSP 内联样式移入 CSS */
.floating-stars > i:nth-child(1){--x:8%;--y:18%;--s:2px;--d:9s;--delay:-1s;}
.floating-stars > i:nth-child(2){--x:18%;--y:70%;--s:3px;--d:12s;--delay:-5s;}
.floating-stars > i:nth-child(3){--x:27%;--y:35%;--s:2px;--d:10s;--delay:-2s;}
.floating-stars > i:nth-child(4){--x:36%;--y:84%;--s:2px;--d:14s;--delay:-7s;}
.floating-stars > i:nth-child(5){--x:43%;--y:14%;--s:3px;--d:11s;--delay:-4s;}
.floating-stars > i:nth-child(6){--x:52%;--y:62%;--s:2px;--d:13s;--delay:-8s;}
.floating-stars > i:nth-child(7){--x:61%;--y:25%;--s:2px;--d:9.5s;--delay:-3s;}
.floating-stars > i:nth-child(8){--x:69%;--y:79%;--s:3px;--d:15s;--delay:-6s;}
.floating-stars > i:nth-child(9){--x:78%;--y:43%;--s:2px;--d:12.5s;--delay:-9s;}
.floating-stars > i:nth-child(10){--x:88%;--y:19%;--s:3px;--d:10.5s;--delay:-2.8s;}
.floating-stars > i:nth-child(11){--x:92%;--y:67%;--s:2px;--d:13.5s;--delay:-5.4s;}
.floating-stars > i:nth-child(12){--x:12%;--y:47%;--s:2px;--d:16s;--delay:-10s;}
.floating-stars > i:nth-child(13){--x:31%;--y:6%;--s:2px;--d:12s;--delay:-4.7s;}
.floating-stars > i:nth-child(14){--x:74%;--y:7%;--s:2px;--d:14s;--delay:-8.1s;}
.floating-stars > i:nth-child(15){--x:83%;--y:92%;--s:3px;--d:11s;--delay:-3.6s;}
.floating-stars > i:nth-child(16){--x:6%;--y:91%;--s:2px;--d:13s;--delay:-6.3s;}


/* === 2026-05-23 最终覆盖：去掉 logo/文字区底框，按钮改为透明金框，文字区滚动条金色渐变且静止隐藏 === */
:root{
    --realm-select-btn-img:url("../images/button_frame_transparent_small.png");
    --scroll-gold-1:rgba(255,236,176,.92);
    --scroll-gold-2:rgba(218,172,86,.92);
    --scroll-gold-3:rgba(118,77,25,.95);
}

/* 只保留整页大边框，去掉中间各区域自带底框 */
.realm-card,
.realm-card:before,
.realm-card:after{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}
.realm-card{overflow:visible !important;}
.realm-hero{
    padding:18px 10px 10px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
.game-logo-img{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 3px 10px rgba(0,0,0,.35));
}
.realm-hero p,
.intro-panel,
.terms-box,
.notice-scroll,
.bookmark-note{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}
.terms-box,
.notice-scroll,
.intro-panel{
    margin-left:18px !important;
    margin-right:18px !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
.intro-panel,
.bookmark-note{
    padding-top:4px !important;
    padding-bottom:0 !important;
    color:#c5b89c !important;
}
.terms-box{
    padding-top:6px !important;
    padding-bottom:8px !important;
    color:#d9c7a2 !important;
}
.notice-scroll{
    position:relative !important;
    max-height:220px !important;
    overflow:auto !important;
    overscroll-behavior:contain;
    padding-top:6px !important;
    padding-bottom:10px !important;
    padding-right:10px !important;
    color:#e2d4b6 !important;
    line-height:1.8 !important;
    scrollbar-width:none;
}
.notice-scroll.is-scrolling{scrollbar-width:thin;scrollbar-color:rgba(233,193,104,.95) transparent;}
.notice-scroll::-webkit-scrollbar{width:0 !important;height:0 !important;background:transparent !important;}
.notice-scroll.is-scrolling::-webkit-scrollbar{width:6px !important;}
.notice-scroll::-webkit-scrollbar-track{background:transparent !important;}
.notice-scroll.is-scrolling::-webkit-scrollbar-thumb{
    border-radius:999px !important;
    background:linear-gradient(180deg,var(--scroll-gold-1) 0%, var(--scroll-gold-2) 55%, var(--scroll-gold-3) 100%) !important;
    box-shadow:0 0 8px rgba(227,186,92,.38) !important;
}
.notice-scroll:not(.is-scrolling)::-webkit-scrollbar-thumb{background:transparent !important;box-shadow:none !important;}
.notice-scroll::after{
    content:"";
    position:sticky;
    display:block;
    bottom:0;
    width:100%;
    height:16px;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(5,3,8,0), rgba(5,3,8,.65));
}
.server-list{
    margin:2px 8px 10px !important;
    padding:8px 4px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
/* 按钮换成透明金框图，只保留金框并增加立体与按下反馈 */
.server-list a.realm-server,
.server-list a.realm-new,
.server-list a.realm-history-entry,
.server-list a.realm-action{
    background-color:transparent !important;
    background-image:var(--realm-select-btn-img) !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:100% 100% !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 9px 14px rgba(0,0,0,.33)) drop-shadow(0 2px 0 rgba(98,68,24,.85));
    color:#f7e8bf !important;
    text-shadow:0 2px 4px rgba(0,0,0,.95), 0 0 10px rgba(255,223,145,.32) !important;
    transition:transform .18s ease, filter .18s ease, text-shadow .18s ease !important;
    overflow:visible !important;
}
.server-list a.realm-server::before,
.server-list a.realm-server::after,
.server-list a.realm-new::before,
.server-list a.realm-new::after,
.server-list a.realm-history-entry::before,
.server-list a.realm-history-entry::after,
.server-list a.realm-action::before,
.server-list a.realm-action::after{
    display:none !important;
    content:none !important;
}
.server-list a.realm-server:hover,
.server-list a.realm-new:hover,
.server-list a.realm-history-entry:hover,
.server-list a.realm-action:hover{
    transform:translateY(-2px) scale(1.018) !important;
    filter:brightness(1.04) drop-shadow(0 12px 16px rgba(0,0,0,.36)) drop-shadow(0 2px 0 rgba(98,68,24,.88));
}
.server-list a.realm-server:active,
.server-list a.realm-new:active,
.server-list a.realm-history-entry:active,
.server-list a.realm-action:active{
    transform:translateY(3px) scale(.985) !important;
    filter:brightness(.96) drop-shadow(0 4px 6px rgba(0,0,0,.25)) drop-shadow(0 1px 0 rgba(98,68,24,.72));
}
.server-list a.realm-server,
.server-list a.realm-new{
    min-height:56px !important;
    height:56px !important;
    padding:0 18px !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.1 !important;
}
.server-list a.realm-history-entry{
    max-width:255px !important;
    min-height:66px !important;
    padding:10px 18px 8px !important;
    font-size:14px !important;
    font-weight:700 !important;
}
.server-list a.realm-history-entry .login-time{
    margin-top:4px !important;
    color:#dbcaa3 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.88) !important;
}
.server-list a.realm-action{
    min-height:58px !important;
    height:58px !important;
    padding:0 16px !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.1 !important;
}
@media (max-width:420px){
    .realm-hero{padding:14px 8px 8px !important;}
    .notice-scroll{max-height:180px !important; padding-right:8px !important;}
    .terms-box,.notice-scroll,.intro-panel{margin-left:12px !important;margin-right:12px !important;}
    .server-list a.realm-server,
    .server-list a.realm-new{min-height:50px !important;height:50px !important;padding:0 14px !important;font-size:13px !important;}
    .server-list a.realm-action{min-height:52px !important;height:52px !important;padding:0 12px !important;font-size:13px !important;}
    .server-list a.realm-history-entry{max-width:240px !important;min-height:62px !important;font-size:13px !important;}
}


/* === 2026-05-23 v3：弹窗按钮统一透明金框；文字区滚动自适应且不出边框；账号入口/安全按钮切换不同风格 === */
:root{
    --realm-select-btn-img:url("../images/button_frame_transparent_small.png");
    --realm-action-btn-img:url("../images/realm_button_inner_hd.png");
}

/* 主内容进一步收口，避免任何内容顶到大边框装饰区域 */
.fantasy-page{
    padding-top:max(16px, env(safe-area-inset-top)) !important;
    padding-left:max(12px, env(safe-area-inset-left)) !important;
    padding-right:max(12px, env(safe-area-inset-right)) !important;
    padding-bottom:max(18px, env(safe-area-inset-bottom)) !important;
}
.realm-shell{
    max-width:min(560px, calc(100vw - 32px)) !important;
}
.realm-card{
    padding-left:0 !important;
    padding-right:0 !important;
}
.terms-box,.notice-scroll,.intro-panel{
    width:auto !important;
    max-width:calc(100% - 26px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.notice-scroll{
    max-height:clamp(110px, 18vh, 180px) !important;
    overflow:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    word-break:break-word;
    scrollbar-width:none;
}
.notice-scroll.is-scrolling{scrollbar-width:thin;}
.notice-scroll::-webkit-scrollbar{width:0 !important; height:0 !important;}
.notice-scroll.is-scrolling::-webkit-scrollbar{width:6px !important;}
@media (max-height:820px){
    .notice-scroll{max-height:clamp(102px, 16.5vh, 162px) !important;}
}
@media (max-height:740px){
    .notice-scroll{max-height:clamp(96px, 15vh, 142px) !important;}
}
@media (max-height:680px){
    .notice-scroll{max-height:clamp(84px, 13vh, 120px) !important;}
}
@media (max-width:420px){
    .realm-shell{max-width:calc(100vw - 22px) !important;}
    .terms-box,.notice-scroll,.intro-panel{max-width:calc(100% - 18px) !important;}
}

/* 服务器 / 历史入口：保持透明金框 */
.server-list a.realm-server,
.server-list a.realm-new,
.server-list a.realm-history-entry{
    background-image:var(--realm-select-btn-img) !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:100% 100% !important;
    background-color:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 9px 14px rgba(0,0,0,.33)) drop-shadow(0 2px 0 rgba(98,68,24,.85));
}

/* 账号入口 / 账号安全：改成另一种实心金属按钮风格 */
.server-list a.realm-action{
    background-image:var(--realm-action-btn-img) !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:100% 100% !important;
    background-color:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 10px 15px rgba(0,0,0,.28)) drop-shadow(0 2px 0 rgba(74,52,22,.88));
    color:#f5e9c2 !important;
    text-shadow:0 2px 4px rgba(0,0,0,.92), 0 0 9px rgba(255,224,148,.20) !important;
    letter-spacing:.05em !important;
}
.server-list a.realm-action:hover{
    transform:translateY(-2px) scale(1.02) !important;
    filter:brightness(1.06) drop-shadow(0 12px 17px rgba(0,0,0,.34)) drop-shadow(0 2px 0 rgba(74,52,22,.9));
}
.server-list a.realm-action:active{
    transform:translateY(3px) scale(.985) !important;
    filter:brightness(.96) drop-shadow(0 4px 7px rgba(0,0,0,.24)) drop-shadow(0 1px 0 rgba(74,52,22,.75));
}

/* 弹窗中的关闭 / 提交按钮统一透明金框风格 */
#tanchu1 .close,
#tanchu2 .close,
#tanchu_truename .close{
    top:10px !important;
    right:12px !important;
}
#tanchu1 .close a,
#tanchu2 .close a,
#tanchu_truename .close a,
#tanchu1 .close a.lh-close-btn,
#tanchu2 .close a.lh-close-btn,
#tanchu_truename .close a.lh-close-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:88px !important;
    min-width:88px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 10px !important;
    background:transparent !important;
    background-image:var(--realm-select-btn-img) !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:100% 100% !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#f7e8bf !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:700 !important;
    text-decoration:none !important;
    text-shadow:0 2px 4px rgba(0,0,0,.92), 0 0 8px rgba(255,223,145,.22) !important;
    filter:drop-shadow(0 6px 10px rgba(0,0,0,.28)) drop-shadow(0 1px 0 rgba(98,68,24,.78));
    transition:transform .18s ease, filter .18s ease, text-shadow .18s ease !important;
}
#tanchu1 .close a::before,#tanchu1 .close a::after,
#tanchu2 .close a::before,#tanchu2 .close a::after,
#tanchu_truename .close a::before,#tanchu_truename .close a::after,
#tanchu1 .huifu a::before,#tanchu1 .huifu a::after,
#tanchu2 .huifu a::before,#tanchu2 .huifu a::after,
#tanchu_truename .huifu a::before,#tanchu_truename .huifu a::after,
#tanchu1 #buttom::before,#tanchu1 #buttom::after,
#tanchu2 #buttom::before,#tanchu2 #buttom::after,
#tanchu_truename #buttom::before,#tanchu_truename #buttom::after{
    display:none !important;
    content:none !important;
}
#tanchu1 .close a:hover,#tanchu2 .close a:hover,#tanchu_truename .close a:hover,
#tanchu1 .huifu a:hover,#tanchu2 .huifu a:hover,#tanchu_truename .huifu a:hover,
#tanchu1 #buttom:hover,#tanchu2 #buttom:hover,#tanchu_truename #buttom:hover{
    transform:translateY(-2px) scale(1.02) !important;
    filter:brightness(1.04) drop-shadow(0 9px 13px rgba(0,0,0,.32)) drop-shadow(0 2px 0 rgba(98,68,24,.82));
}
#tanchu1 .close a:active,#tanchu2 .close a:active,#tanchu_truename .close a:active,
#tanchu1 .huifu a:active,#tanchu2 .huifu a:active,#tanchu_truename .huifu a:active,
#tanchu1 #buttom:active,#tanchu2 #buttom:active,#tanchu_truename #buttom:active{
    transform:translateY(3px) scale(.985) !important;
    filter:brightness(.96) drop-shadow(0 4px 6px rgba(0,0,0,.22)) drop-shadow(0 1px 0 rgba(98,68,24,.72));
}
#tanchu1 .huifu,#tanchu2 .huifu,#tanchu_truename .huifu{
    margin-top:10px !important;
}
#tanchu1 .huifu span,#tanchu2 .huifu span,#tanchu_truename .huifu span{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
#tanchu1 #buttom,#tanchu2 #buttom,#tanchu_truename #buttom,
#tanchu1 .huifu a,#tanchu2 .huifu a,#tanchu_truename .huifu a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:168px !important;
    min-width:168px !important;
    height:56px !important;
    min-height:56px !important;
    padding:0 18px !important;
    background:transparent !important;
    background-image:var(--realm-select-btn-img) !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:100% 100% !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#f7e8bf !important;
    font-size:15px !important;
    line-height:1 !important;
    font-weight:700 !important;
    text-decoration:none !important;
    text-shadow:0 2px 4px rgba(0,0,0,.92), 0 0 9px rgba(255,223,145,.24) !important;
    filter:drop-shadow(0 8px 12px rgba(0,0,0,.30)) drop-shadow(0 2px 0 rgba(98,68,24,.8));
}
@media (max-width:420px){
    #tanchu1 .close a,#tanchu2 .close a,#tanchu_truename .close a,
    #tanchu1 .close a.lh-close-btn,#tanchu2 .close a.lh-close-btn,#tanchu_truename .close a.lh-close-btn{
        width:78px !important; min-width:78px !important; height:36px !important; min-height:36px !important; font-size:12px !important;
    }
    #tanchu1 #buttom,#tanchu2 #buttom,#tanchu_truename #buttom,
    #tanchu1 .huifu a,#tanchu2 .huifu a,#tanchu_truename .huifu a{
        width:150px !important; min-width:150px !important; height:50px !important; min-height:50px !important; font-size:14px !important;
    }
}


/* === 2026-05-23 v4：上次登录恢复正常大小；账号/安全按钮边框透明化；服务器组自动排版；所有按钮加内底色与立体效果 === */
:root{
    --realm-server-btn-img:url("../images/button_frame_transparent_small.png");
    --realm-action-btn-img:url("../images/realm_button_border_only.png");
    --btn-fill-top:rgba(92,68,34,.92);
    --btn-fill-mid:rgba(56,37,14,.90);
    --btn-fill-bottom:rgba(30,18,6,.94);
    --btn-fill-highlight:rgba(255,235,174,.18);
    --btn-fill-action-top:rgba(87,77,54,.78);
    --btn-fill-action-mid:rgba(49,39,20,.72);
    --btn-fill-action-bottom:rgba(19,13,5,.82);
}

/* 服务器按钮容器自动排版，不依赖换行 */
.server-list{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:stretch !important;
    gap:8px 10px !important;
}
.server-list br{display:none !important;}
.server-list a{
    margin:0 !important;
    white-space:nowrap !important;
    position:relative !important;
    isolation:isolate !important;
}

/* 服务器组：自动排版 */
.server-list a.realm-server,
.server-list a.realm-new{
    flex:0 1 calc(33.333% - 10px) !important;
    min-width:112px !important;
    max-width:160px !important;
    width:auto !important;
    background-image:var(--realm-server-btn-img) !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:100% 100% !important;
}
@media (max-width:520px){
    .server-list a.realm-server,
    .server-list a.realm-new{
        flex:0 1 calc(50% - 10px) !important;
        min-width:108px !important;
        max-width:calc(50% - 10px) !important;
    }
}

/* 上次登录按钮恢复到正常尺寸 */
.server-list a.realm-history-entry{
    flex:0 1 180px !important;
    max-width:180px !important;
    width:180px !important;
    min-height:56px !important;
    height:56px !important;
    margin:0 auto 2px !important;
    padding:0 16px !important;
    background-image:var(--realm-server-btn-img) !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:100% 100% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:2px !important;
    font-size:13px !important;
    line-height:1.08 !important;
}
.server-list a.realm-history-entry .login-time{
    display:block !important;
    margin:0 !important;
    font-size:10px !important;
    line-height:1 !important;
}

/* 账号入口 / 账号安全：边框中间去底色，并保留与服务器不同的按钮风格 */
.server-list a.realm-action{
    flex:0 1 calc(50% - 10px) !important;
    min-width:148px !important;
    max-width:220px !important;
    width:auto !important;
    background-image:var(--realm-action-btn-img) !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:100% 100% !important;
    background-color:transparent !important;
}
@media (max-width:420px){
    .server-list a.realm-history-entry{
        width:170px !important;
        max-width:170px !important;
        min-height:52px !important;
        height:52px !important;
        font-size:12px !important;
    }
    .server-list a.realm-history-entry .login-time{font-size:9px !important;}
    .server-list a.realm-action{
        min-width:calc(50% - 10px) !important;
        max-width:calc(50% - 10px) !important;
    }
}

/* 所有按钮在边框内部增加底色 + 高光，做成立体效果 */
.server-list a.realm-server::before,
.server-list a.realm-new::before,
.server-list a.realm-history-entry::before,
.server-list a.realm-action::before,
#tanchu1 .close a::before,#tanchu2 .close a::before,#tanchu_truename .close a::before,
#tanchu1 .huifu a::before,#tanchu2 .huifu a::before,#tanchu_truename .huifu a::before,
#tanchu1 #buttom::before,#tanchu2 #buttom::before,#tanchu_truename #buttom::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:8% !important;
    right:8% !important;
    top:19% !important;
    bottom:19% !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,var(--btn-fill-top) 0%, var(--btn-fill-mid) 58%, var(--btn-fill-bottom) 100%) !important;
    box-shadow:inset 0 1px 0 var(--btn-fill-highlight), inset 0 -1px 0 rgba(0,0,0,.28), 0 1px 4px rgba(0,0,0,.18) !important;
    z-index:-1 !important;
}
.server-list a.realm-action::before{
    left:10% !important;
    right:10% !important;
    top:20% !important;
    bottom:20% !important;
    background:linear-gradient(180deg,var(--btn-fill-action-top) 0%, var(--btn-fill-action-mid) 58%, var(--btn-fill-action-bottom) 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,244,205,.16), inset 0 -1px 0 rgba(0,0,0,.22), 0 1px 4px rgba(0,0,0,.14) !important;
}
.server-list a.realm-server::after,
.server-list a.realm-new::after,
.server-list a.realm-history-entry::after,
.server-list a.realm-action::after,
#tanchu1 .close a::after,#tanchu2 .close a::after,#tanchu_truename .close a::after,
#tanchu1 .huifu a::after,#tanchu2 .huifu a::after,#tanchu_truename .huifu a::after,
#tanchu1 #buttom::after,#tanchu2 #buttom::after,#tanchu_truename #buttom::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:16% !important;
    right:16% !important;
    top:24% !important;
    height:22% !important;
    border-radius:999px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0)) !important;
    z-index:-1 !important;
}

/* 提升立体按压感 */
.server-list a.realm-server,
.server-list a.realm-new,
.server-list a.realm-history-entry,
.server-list a.realm-action,
#tanchu1 .close a,#tanchu2 .close a,#tanchu_truename .close a,
#tanchu1 .huifu a,#tanchu2 .huifu a,#tanchu_truename .huifu a,
#tanchu1 #buttom,#tanchu2 #buttom,#tanchu_truename #buttom{
    overflow:visible !important;
    filter:drop-shadow(0 10px 14px rgba(0,0,0,.32)) drop-shadow(0 2px 0 rgba(88,60,22,.78)) !important;
}
.server-list a.realm-server:hover,
.server-list a.realm-new:hover,
.server-list a.realm-history-entry:hover,
.server-list a.realm-action:hover{
    transform:translateY(-2px) scale(1.02) !important;
}
.server-list a.realm-server:active,
.server-list a.realm-new:active,
.server-list a.realm-history-entry:active,
.server-list a.realm-action:active{
    transform:translateY(3px) scale(.985) !important;
}


/* === 2026-05-23 v5：按钮框进一步贴合；文字区缩进到背景内部并使用独立滚动条 === */
:root{
    --btn-fill-top:rgba(76,55,28,.90);
    --btn-fill-mid:rgba(44,28,10,.92);
    --btn-fill-bottom:rgba(20,12,4,.96);
    --btn-fill-highlight:rgba(255,235,174,.10);
    --btn-fill-action-top:rgba(67,57,36,.62);
    --btn-fill-action-mid:rgba(34,27,14,.68);
    --btn-fill-action-bottom:rgba(14,10,4,.78);
}

/* 文字区显示范围缩到背景图内部，避免压到边框；滚动条独立显示在右侧 */
.terms-box,
.notice-scroll,
.intro-panel{
    width:auto !important;
    max-width:min(82%, calc(100% - 78px)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.notice-scroll{
    position:relative !important;
    max-height:clamp(72px, 12svh, 142px) !important;
    padding:2px 14px 8px 0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
    overscroll-behavior:contain !important;
    scrollbar-width:none;
}
.notice-scroll.is-scrolling{scrollbar-width:thin; scrollbar-color:rgba(233,193,104,.96) rgba(46,31,11,.15);}
.notice-scroll::-webkit-scrollbar{width:0 !important;height:0 !important;background:transparent !important;}
.notice-scroll.is-scrolling::-webkit-scrollbar{width:7px !important;}
.notice-scroll::-webkit-scrollbar-track{background:transparent !important;}
.notice-scroll.is-scrolling::-webkit-scrollbar-track{
    background:linear-gradient(180deg, rgba(45,31,13,.08), rgba(45,31,13,.28), rgba(45,31,13,.08)) !important;
    border-radius:999px !important;
}
.notice-scroll.is-scrolling::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg, rgba(255,236,176,.98), rgba(223,178,86,.95) 52%, rgba(108,71,22,.98)) !important;
    border-radius:999px !important;
    box-shadow:0 0 8px rgba(227,186,92,.36) !important;
}
@media (max-height:760px){
    .notice-scroll{max-height:clamp(64px, 10svh, 116px) !important;}
}
@media (max-height:680px){
    .notice-scroll{max-height:clamp(56px, 8svh, 96px) !important;}
}
@media (max-width:420px){
    .terms-box,.notice-scroll,.intro-panel{max-width:calc(100% - 46px) !important;}
    .notice-scroll{padding-right:12px !important;}
}

/* 所有按钮默认更暗一些，凸显文字 */
.server-list a.realm-server,
.server-list a.realm-new,
.server-list a.realm-history-entry,
.server-list a.realm-action{
    color:#fff0c5 !important;
    text-shadow:0 2px 5px rgba(0,0,0,.98), 0 0 8px rgba(255,227,153,.18) !important;
}

/* 选择服务器按钮：背景框略缩小并变暗，内部底色与边框更贴合，去掉明显色条 */
.server-list a.realm-server,
.server-list a.realm-new,
.server-list a.realm-history-entry{
    background-size:94% 84% !important;
    filter:brightness(.92) drop-shadow(0 9px 13px rgba(0,0,0,.34)) drop-shadow(0 2px 0 rgba(79,54,20,.78)) !important;
}
.server-list a.realm-server::before,
.server-list a.realm-new::before,
.server-list a.realm-history-entry::before{
    left:11% !important;
    right:11% !important;
    top:21% !important;
    bottom:22% !important;
    background:linear-gradient(180deg, var(--btn-fill-top) 0%, var(--btn-fill-mid) 56%, var(--btn-fill-bottom) 100%) !important;
    box-shadow:inset 0 1px 0 var(--btn-fill-highlight), inset 0 -1px 0 rgba(0,0,0,.30), 0 1px 3px rgba(0,0,0,.14) !important;
}
.server-list a.realm-server::after,
.server-list a.realm-new::after,
.server-list a.realm-history-entry::after{
    left:17% !important;
    right:17% !important;
    top:26% !important;
    height:14% !important;
    background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0)) !important;
}

/* 上次登录按钮保持正常大小但与服务器按钮一致 */
.server-list a.realm-history-entry{
    width:166px !important;
    max-width:166px !important;
    min-height:54px !important;
    height:54px !important;
    padding:0 12px !important;
}
.server-list a.realm-history-entry .login-time{
    font-size:9px !important;
    color:#ddcea7 !important;
}

/* 账号入口 / 账号安全：边框再缩一点、颜色变暗，底色与边框更贴合，去掉中间的色条感 */
.server-list a.realm-action{
    background-size:92% 82% !important;
    filter:brightness(.88) drop-shadow(0 8px 11px rgba(0,0,0,.28)) drop-shadow(0 2px 0 rgba(76,52,22,.72)) !important;
}
.server-list a.realm-action::before{
    left:13% !important;
    right:13% !important;
    top:24% !important;
    bottom:24% !important;
    background:linear-gradient(180deg, var(--btn-fill-action-top) 0%, var(--btn-fill-action-mid) 56%, var(--btn-fill-action-bottom) 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,244,205,.08), inset 0 -1px 0 rgba(0,0,0,.22), 0 1px 3px rgba(0,0,0,.12) !important;
}
.server-list a.realm-action::after{
    left:20% !important;
    right:20% !important;
    top:29% !important;
    height:11% !important;
    background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0)) !important;
}

/* 自动排版：禁止手工换行，尽量一行容纳更多服务器按钮 */
.server-list{gap:6px 8px !important;}
.server-list a.realm-server,
.server-list a.realm-new{
    flex:1 1 132px !important;
    max-width:154px !important;
}
@media (max-width:520px){
    .server-list a.realm-server,
    .server-list a.realm-new,
    .server-list a.realm-history-entry,
    .server-list a.realm-action{
        flex:1 1 calc(50% - 8px) !important;
        max-width:calc(50% - 8px) !important;
        min-width:calc(50% - 8px) !important;
    }
    .server-list a.realm-history-entry{width:auto !important;}
}


/* === 2026-05-23 v6：按钮贴合与文字区内缩最终强化 === */
:root{
    --btn-fill-top:rgba(60,43,22,.94);
    --btn-fill-mid:rgba(35,22,8,.95);
    --btn-fill-bottom:rgba(14,8,3,.98);
    --btn-fill-highlight:rgba(255,235,174,.08);
    --btn-fill-action-top:rgba(47,39,25,.74);
    --btn-fill-action-mid:rgba(26,20,10,.78);
    --btn-fill-action-bottom:rgba(9,7,3,.86);
}

/* 整体内容严格收在大背景框内，避免贴边或压到花纹 */
.realm-shell{
    max-width:min(540px, calc(100vw - 42px)) !important;
}
.server-list{
    max-width:calc(100% - 16px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* 文字区域进一步缩进到背景图内框；滚动条独立、窄、金色渐变 */
.terms-box,
.notice-scroll,
.intro-panel{
    max-width:min(76%, calc(100% - 104px)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.notice-scroll{
    max-height:clamp(58px, 10.5svh, 128px) !important;
    padding:2px 16px 8px 0 !important;
    line-height:1.72 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    scrollbar-width:none;
}
.notice-scroll.is-scrolling{
    scrollbar-width:thin;
    scrollbar-color:rgba(226,181,82,.96) rgba(34,22,8,.18);
}
.notice-scroll::-webkit-scrollbar{width:0 !important;height:0 !important;background:transparent !important;}
.notice-scroll.is-scrolling::-webkit-scrollbar{width:6px !important;}
.notice-scroll.is-scrolling::-webkit-scrollbar-track{
    background:linear-gradient(180deg, rgba(38,25,8,.05), rgba(38,25,8,.34), rgba(38,25,8,.05)) !important;
    border-radius:999px !important;
}
.notice-scroll.is-scrolling::-webkit-scrollbar-thumb{
    border-radius:999px !important;
    background:linear-gradient(180deg, rgba(255,235,171,.96) 0%, rgba(214,161,62,.96) 52%, rgba(88,54,15,.98) 100%) !important;
    box-shadow:0 0 7px rgba(214,161,62,.34) !important;
}
@media (max-width:420px){
    .realm-shell{max-width:calc(100vw - 34px) !important;}
    .terms-box,.notice-scroll,.intro-panel{max-width:calc(100% - 58px) !important;}
    .notice-scroll{max-height:clamp(54px, 9.5svh, 112px) !important;}
}
@media (max-width:360px){
    .realm-shell{max-width:calc(100vw - 28px) !important;}
    .terms-box,.notice-scroll,.intro-panel{max-width:calc(100% - 42px) !important;}
}

/* 按钮边框缩小、压暗；内部底色贴近边框，消除边框与底色之间的色条 */
.server-list a.realm-server,
.server-list a.realm-new,
.server-list a.realm-history-entry{
    background-size:88% 76% !important;
    filter:brightness(.82) contrast(1.04) drop-shadow(0 7px 10px rgba(0,0,0,.34)) drop-shadow(0 1px 0 rgba(64,42,15,.76)) !important;
}
.server-list a.realm-server::before,
.server-list a.realm-new::before,
.server-list a.realm-history-entry::before{
    left:15% !important;
    right:15% !important;
    top:28% !important;
    bottom:28% !important;
    background:
        radial-gradient(circle at 50% 12%, rgba(255,230,150,.10), transparent 38%),
        linear-gradient(180deg, var(--btn-fill-top) 0%, var(--btn-fill-mid) 54%, var(--btn-fill-bottom) 100%) !important;
    box-shadow:inset 0 1px 0 var(--btn-fill-highlight), inset 0 -1px 0 rgba(0,0,0,.32) !important;
}
.server-list a.realm-server::after,
.server-list a.realm-new::after,
.server-list a.realm-history-entry::after{
    left:23% !important;
    right:23% !important;
    top:31% !important;
    height:9% !important;
    opacity:.58 !important;
}

/* 上次登录保持正常按钮大小，不独占一整行 */
.server-list .realm-last-login{
    flex:0 0 100% !important;
}
.server-list a.realm-history-entry{
    flex:0 1 150px !important;
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    height:50px !important;
    min-height:50px !important;
    padding:0 10px !important;
    margin:0 !important;
    font-size:12px !important;
}
.server-list a.realm-history-entry .login-time{
    font-size:8.8px !important;
}

/* 账号入口 / 账号安全：不同风格，透明边框，中间底色更暗且贴合 */
.server-list a.realm-action{
    background-size:86% 74% !important;
    filter:brightness(.80) contrast(1.03) drop-shadow(0 6px 9px rgba(0,0,0,.28)) drop-shadow(0 1px 0 rgba(62,42,17,.70)) !important;
}
.server-list a.realm-action::before{
    left:17% !important;
    right:17% !important;
    top:31% !important;
    bottom:31% !important;
    background:
        radial-gradient(circle at 50% 10%, rgba(255,235,165,.08), transparent 40%),
        linear-gradient(180deg, var(--btn-fill-action-top) 0%, var(--btn-fill-action-mid) 54%, var(--btn-fill-action-bottom) 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,244,205,.07), inset 0 -1px 0 rgba(0,0,0,.22) !important;
}
.server-list a.realm-action::after{
    left:25% !important;
    right:25% !important;
    top:34% !important;
    height:8% !important;
    opacity:.48 !important;
}

/* 自动排版：彻底隐藏原 br，按可用宽度流式换行 */
.server-list br{
    display:none !important;
}
.server-list a.realm-server,
.server-list a.realm-new{
    flex:1 1 126px !important;
    min-width:118px !important;
    max-width:150px !important;
}
.server-list a.realm-action{
    flex:1 1 142px !important;
    min-width:126px !important;
    max-width:190px !important;
}

/* 按下动画保留，但减少过亮感，突出文字 */
.server-list a.realm-server:hover,
.server-list a.realm-new:hover,
.server-list a.realm-history-entry:hover,
.server-list a.realm-action:hover{
    filter:brightness(.90) contrast(1.05) drop-shadow(0 9px 12px rgba(0,0,0,.36)) drop-shadow(0 1px 0 rgba(64,42,15,.76)) !important;
    transform:translateY(-1px) scale(1.012) !important;
}
.server-list a.realm-server:active,
.server-list a.realm-new:active,
.server-list a.realm-history-entry:active,
.server-list a.realm-action:active{
    filter:brightness(.72) contrast(1.05) drop-shadow(0 3px 5px rgba(0,0,0,.24)) !important;
    transform:translateY(3px) scale(.985) !important;
}
@media (max-width:520px){
    .server-list a.realm-server,
    .server-list a.realm-new,
    .server-list a.realm-action{
        flex:1 1 calc(50% - 8px) !important;
        min-width:calc(50% - 8px) !important;
        max-width:calc(50% - 8px) !important;
    }
    .server-list a.realm-history-entry{
        flex:0 1 144px !important;
        width:144px !important;
        min-width:144px !important;
        max-width:144px !important;
        height:48px !important;
    }
}


/* === lunhui_login_fix_20260523_01：重新命名版，修复按钮与文字区出框问题，替换新 logo === */
:root{
    --lh-server-frame:url("../images/button_frame_transparent_small.png");
    --lh-action-frame:url("../images/realm_button_border_only.png");
    --lh-popup-frame:url("../images/button_frame_transparent_small.png");
    --lh-btn-fill-top:rgba(62,45,22,.92);
    --lh-btn-fill-mid:rgba(35,22,8,.94);
    --lh-btn-fill-bottom:rgba(13,8,3,.98);
    --lh-action-fill-top:rgba(42,34,20,.76);
    --lh-action-fill-mid:rgba(24,18,9,.82);
    --lh-action-fill-bottom:rgba(8,6,3,.90);
}

/* 新 logo 图 */
.game-logo-img{
    content:url("../images/lunhui_online_v4_1200w.jpg") !important;
    width:min(84vw, 520px) !important;
    max-width:100% !important;
    height:auto !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 4px 12px rgba(0,0,0,.45)) !important;
}

/* 页面主体缩进，避免压到大背景边框 */
.fantasy-page{
    padding-left:max(18px, env(safe-area-inset-left)) !important;
    padding-right:max(18px, env(safe-area-inset-right)) !important;
    overflow-x:hidden !important;
}
.realm-shell{
    max-width:min(540px, calc(100vw - 44px)) !important;
}
.realm-card{
    overflow:visible !important;
}

/* 文字区：统一放入独立滚动容器，容器缩到背景内框内，不再压到边框图案 */
.lh-text-zone{
    width:auto !important;
    max-width:min(74%, calc(100% - 112px)) !important;
    margin:6px auto 10px !important;
    padding:0 14px 0 0 !important;
    max-height:clamp(58px, 10.5svh, 128px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
    overscroll-behavior:contain !important;
    scrollbar-width:none;
    color:#e8dcc1 !important;
}
.lh-text-zone.is-scrolling{
    scrollbar-width:thin;
    scrollbar-color:rgba(226,181,82,.96) rgba(34,22,8,.20);
}
.lh-text-zone::-webkit-scrollbar{width:0 !important;height:0 !important;background:transparent !important;}
.lh-text-zone.is-scrolling::-webkit-scrollbar{width:6px !important;}
.lh-text-zone.is-scrolling::-webkit-scrollbar-track{
    background:linear-gradient(180deg, rgba(38,25,8,.05), rgba(38,25,8,.34), rgba(38,25,8,.05)) !important;
    border-radius:999px !important;
}
.lh-text-zone.is-scrolling::-webkit-scrollbar-thumb{
    border-radius:999px !important;
    background:linear-gradient(180deg, rgba(255,235,171,.96) 0%, rgba(214,161,62,.96) 52%, rgba(88,54,15,.98) 100%) !important;
    box-shadow:0 0 7px rgba(214,161,62,.34) !important;
}
.lh-text-zone .terms-box,
.lh-text-zone .notice-scroll,
.lh-text-zone .intro-panel,
.lh-text-zone .bookmark-note{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:4px 0 6px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
    max-height:none !important;
}
.lh-text-zone .notice-scroll{
    padding-right:0 !important;
    scrollbar-width:none !important;
}
.lh-text-zone .notice-scroll::-webkit-scrollbar{display:none !important;width:0 !important;}
@media (max-height:760px){.lh-text-zone{max-height:clamp(52px, 9.2svh, 108px) !important;}}
@media (max-height:680px){.lh-text-zone{max-height:clamp(46px, 7.8svh, 88px) !important;}}
@media (max-width:420px){
    .fantasy-page{padding-left:max(14px, env(safe-area-inset-left)) !important;padding-right:max(14px, env(safe-area-inset-right)) !important;}
    .realm-shell{max-width:calc(100vw - 34px) !important;}
    .lh-text-zone{max-width:calc(100% - 62px) !important; padding-right:12px !important;}
    .game-logo-img{width:min(82vw, 390px) !important;}
}
@media (max-width:360px){
    .realm-shell{max-width:calc(100vw - 28px) !important;}
    .lh-text-zone{max-width:calc(100% - 46px) !important;}
}

/* 选择服务器自动排版，彻底隐藏旧 br */
.server-list{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:6px 8px !important;
    width:100% !important;
    max-width:calc(100% - 16px) !important;
    margin:0 auto 8px !important;
    padding:6px 0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
.server-list br{display:none !important;}
.server-list .realm-section{
    flex:0 0 100% !important;
    width:100% !important;
    margin:7px 0 4px !important;
}
.server-list .realm-last-login{
    flex:0 0 100% !important;
    width:100% !important;
    margin:4px 0 3px !important;
}

/* 按钮核心：用多层 background 让底色直接贴合边框，去掉色条 */
.server-list a.realm-server,
.server-list a.realm-new,
.server-list a.realm-history-entry{
    position:relative !important;
    isolation:isolate !important;
    flex:1 1 126px !important;
    min-width:118px !important;
    max-width:150px !important;
    height:50px !important;
    min-height:50px !important;
    margin:0 !important;
    padding:0 12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background-image:
        var(--lh-server-frame),
        radial-gradient(circle at 50% 18%, rgba(255,232,150,.10), transparent 36%),
        linear-gradient(180deg, var(--lh-btn-fill-top) 0%, var(--lh-btn-fill-mid) 55%, var(--lh-btn-fill-bottom) 100%) !important;
    background-size:88% 76%, 66% 43%, 66% 43% !important;
    background-position:center center, center center, center center !important;
    background-repeat:no-repeat !important;
    background-color:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#fff1c6 !important;
    font-size:12.8px !important;
    font-weight:700 !important;
    line-height:1.08 !important;
    letter-spacing:.02em !important;
    text-align:center !important;
    text-shadow:0 2px 5px rgba(0,0,0,.98), 0 0 8px rgba(255,227,153,.18) !important;
    filter:brightness(.82) contrast(1.04) drop-shadow(0 7px 10px rgba(0,0,0,.34)) drop-shadow(0 1px 0 rgba(64,42,15,.76)) !important;
    transition:transform .18s ease, filter .18s ease !important;
}
.server-list a.realm-server::before,
.server-list a.realm-server::after,
.server-list a.realm-new::before,
.server-list a.realm-new::after,
.server-list a.realm-history-entry::before,
.server-list a.realm-history-entry::after{
    display:none !important;
    content:none !important;
}

/* 上次登录：正常大小，不再撑满 */
.server-list a.realm-history-entry{
    flex:0 1 150px !important;
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    height:50px !important;
    min-height:50px !important;
    flex-direction:column !important;
    gap:2px !important;
}
.server-list a.realm-history-entry .login-time{
    font-size:8.8px !important;
    line-height:1 !important;
    color:#ddcea7 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

/* 账号入口 / 账号安全：另一种边框，中心透明底由 background 层生成，颜色更暗 */
.server-list a.realm-action{
    flex:1 1 142px !important;
    min-width:126px !important;
    max-width:190px !important;
    height:46px !important;
    min-height:46px !important;
    margin:0 !important;
    padding:0 12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background-image:
        var(--lh-action-frame),
        radial-gradient(circle at 50% 18%, rgba(255,232,150,.08), transparent 36%),
        linear-gradient(180deg, var(--lh-action-fill-top) 0%, var(--lh-action-fill-mid) 55%, var(--lh-action-fill-bottom) 100%) !important;
    background-size:86% 74%, 62% 38%, 62% 38% !important;
    background-position:center center, center center, center center !important;
    background-repeat:no-repeat !important;
    background-color:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#f6e8be !important;
    font-size:12.8px !important;
    font-weight:700 !important;
    line-height:1.08 !important;
    letter-spacing:.03em !important;
    text-align:center !important;
    text-shadow:0 2px 5px rgba(0,0,0,.98), 0 0 7px rgba(255,227,153,.14) !important;
    filter:brightness(.80) contrast(1.03) drop-shadow(0 6px 9px rgba(0,0,0,.28)) drop-shadow(0 1px 0 rgba(62,42,17,.70)) !important;
    transition:transform .18s ease, filter .18s ease !important;
}
.server-list a.realm-action::before,
.server-list a.realm-action::after{
    display:none !important;
    content:none !important;
}

/* 悬停 / 按下：保持立体感但不过亮 */
.server-list a.realm-server:hover,
.server-list a.realm-new:hover,
.server-list a.realm-history-entry:hover,
.server-list a.realm-action:hover{
    filter:brightness(.90) contrast(1.05) drop-shadow(0 9px 12px rgba(0,0,0,.36)) drop-shadow(0 1px 0 rgba(64,42,15,.76)) !important;
    transform:translateY(-1px) scale(1.012) !important;
}
.server-list a.realm-server:active,
.server-list a.realm-new:active,
.server-list a.realm-history-entry:active,
.server-list a.realm-action:active{
    filter:brightness(.72) contrast(1.05) drop-shadow(0 3px 5px rgba(0,0,0,.24)) !important;
    transform:translateY(3px) scale(.985) !important;
}
@media (max-width:520px){
    .server-list a.realm-server,
    .server-list a.realm-new,
    .server-list a.realm-action{
        flex:1 1 calc(50% - 8px) !important;
        min-width:calc(50% - 8px) !important;
        max-width:calc(50% - 8px) !important;
    }
    .server-list a.realm-history-entry{
        flex:0 1 144px !important;
        width:144px !important;
        min-width:144px !important;
        max-width:144px !important;
        height:48px !important;
    }
}

/* 弹窗提交/关闭继续跟随透明金框，但底色也用 background 层贴合边框 */
#tanchu1 .close a,#tanchu2 .close a,#tanchu_truename .close a,
#tanchu1 .huifu a,#tanchu2 .huifu a,#tanchu_truename .huifu a,
#tanchu1 #buttom,#tanchu2 #buttom,#tanchu_truename #buttom{
    background-image:
        var(--lh-popup-frame),
        linear-gradient(180deg, var(--lh-btn-fill-top) 0%, var(--lh-btn-fill-mid) 55%, var(--lh-btn-fill-bottom) 100%) !important;
    background-size:88% 76%, 66% 43% !important;
    background-position:center center, center center !important;
    background-repeat:no-repeat !important;
}
#tanchu1 .close a::before,#tanchu1 .close a::after,
#tanchu2 .close a::before,#tanchu2 .close a::after,
#tanchu_truename .close a::before,#tanchu_truename .close a::after,
#tanchu1 .huifu a::before,#tanchu1 .huifu a::after,
#tanchu2 .huifu a::before,#tanchu2 .huifu a::after,
#tanchu_truename .huifu a::before,#tanchu_truename .huifu a::after,
#tanchu1 #buttom::before,#tanchu1 #buttom::after,
#tanchu2 #buttom::before,#tanchu2 #buttom::after,
#tanchu_truename #buttom::before,#tanchu_truename #buttom::after{
    display:none !important;
    content:none !important;
}


/* === 2026-05-23 v7 最终补丁：中间选区/文字区限制在金属内框内，按钮暗化但文字不暗化 === */
:root{
    --lh-final-server-frame:url("../images/button_frame_transparent_small.png");
    --lh-final-action-frame:url("../images/realm_button_border_only.png");
    --lh-final-fill-server-top:rgba(54,38,18,.94);
    --lh-final-fill-server-mid:rgba(31,19,7,.96);
    --lh-final-fill-server-bottom:rgba(10,6,2,.98);
    --lh-final-fill-action-top:rgba(40,33,21,.78);
    --lh-final-fill-action-mid:rgba(22,16,8,.84);
    --lh-final-fill-action-bottom:rgba(7,5,2,.92);
    --lh-final-scroll-top:rgba(255,238,184,.98);
    --lh-final-scroll-mid:rgba(219,165,70,.96);
    --lh-final-scroll-bottom:rgba(86,53,15,.98);
}

/* 页面内容整体收进大背景金属边框内部 */
.fantasy-page{
    min-height:100svh !important;
    padding-top:max(14px, env(safe-area-inset-top)) !important;
    padding-left:max(22px, env(safe-area-inset-left)) !important;
    padding-right:max(22px, env(safe-area-inset-right)) !important;
    padding-bottom:max(22px, env(safe-area-inset-bottom)) !important;
    overflow-x:hidden !important;
}
.realm-shell{
    width:100% !important;
    max-width:min(520px, calc(100vw - 58px)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.realm-card{overflow:visible !important;}
.realm-hero{padding-top:12px !important;padding-bottom:8px !important;}
.game-logo-img{width:min(78vw, 500px) !important;}

/* 中间 JSP 链接/按键区：不再铺满全屏，只占金属边框内的中间区域；区域内部独立滚动 */
.server-list{
    width:min(100%, 430px) !important;
    max-width:calc(100vw - 92px) !important;
    max-height:clamp(260px, 52svh, 520px) !important;
    margin:0 auto 8px !important;
    padding:8px 6px 12px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-content:flex-start !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px 7px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    scrollbar-width:none !important;
}
.server-list.is-scrolling{
    scrollbar-width:thin !important;
    scrollbar-color:var(--lh-final-scroll-mid) rgba(39,25,8,.20) !important;
}
.server-list::-webkit-scrollbar{width:0 !important;height:0 !important;background:transparent !important;}
.server-list.is-scrolling::-webkit-scrollbar{width:6px !important;}
.server-list.is-scrolling::-webkit-scrollbar-track{
    border-radius:999px !important;
    background:linear-gradient(180deg, rgba(40,25,7,.03), rgba(40,25,7,.34), rgba(40,25,7,.03)) !important;
}
.server-list.is-scrolling::-webkit-scrollbar-thumb{
    border-radius:999px !important;
    background:linear-gradient(180deg, var(--lh-final-scroll-top) 0%, var(--lh-final-scroll-mid) 52%, var(--lh-final-scroll-bottom) 100%) !important;
    box-shadow:0 0 7px rgba(219,165,70,.36) !important;
}
.server-list br{display:none !important;}
.server-list .realm-section,
.server-list .realm-last-login{
    flex:0 0 100% !important;
    width:100% !important;
    max-width:100% !important;
}
.server-list .realm-section{
    margin:6px 0 3px !important;
    font-size:12px !important;
    letter-spacing:.14em !important;
}
.server-list .realm-last-login{
    margin:2px 0 2px !important;
}

/* 服务器按钮自动排版，不依赖 JSP 中的 br；上次登录保持正常大小 */
.server-list a.realm-server,
.server-list a.realm-new{
    flex:1 1 118px !important;
    min-width:112px !important;
    max-width:146px !important;
    width:auto !important;
    height:48px !important;
    min-height:48px !important;
}
.server-list a.realm-history-entry{
    flex:0 0 142px !important;
    width:142px !important;
    min-width:142px !important;
    max-width:142px !important;
    height:48px !important;
    min-height:48px !important;
    margin:0 auto 2px !important;
    padding:0 10px !important;
}
.server-list a.realm-action{
    flex:1 1 130px !important;
    min-width:122px !important;
    max-width:178px !important;
    width:auto !important;
    height:44px !important;
    min-height:44px !important;
}

/* 按钮重新分层：边框图片暗化只作用于图片层，不压暗文字；内部底色紧贴边框，消除色条感 */
.server-list a.realm-server,
.server-list a.realm-new,
.server-list a.realm-history-entry,
.server-list a.realm-action{
    position:relative !important;
    isolation:isolate !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 10px !important;
    overflow:visible !important;
    background:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#fff2c9 !important;
    font-size:12.8px !important;
    font-weight:700 !important;
    line-height:1.08 !important;
    letter-spacing:.02em !important;
    text-align:center !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    text-shadow:0 2px 5px rgba(0,0,0,.98), 0 0 9px rgba(255,226,145,.24) !important;
    filter:drop-shadow(0 7px 10px rgba(0,0,0,.34)) drop-shadow(0 1px 0 rgba(66,45,17,.80)) !important;
    transform:translateY(0) scale(1) !important;
    transition:transform .16s ease, filter .16s ease, text-shadow .16s ease !important;
    -webkit-tap-highlight-color:transparent !important;
}
.server-list a.realm-server::before,
.server-list a.realm-new::before,
.server-list a.realm-history-entry::before,
.server-list a.realm-action::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:-1 !important;
    pointer-events:none !important;
    left:7% !important;
    right:7% !important;
    top:10% !important;
    bottom:10% !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:100% 100% !important;
    filter:brightness(.66) contrast(1.06) saturate(.94) !important;
}
.server-list a.realm-server::before,
.server-list a.realm-new::before,
.server-list a.realm-history-entry::before{
    background-image:var(--lh-final-server-frame) !important;
}
.server-list a.realm-action::before{
    left:8% !important;
    right:8% !important;
    top:11% !important;
    bottom:11% !important;
    background-image:var(--lh-final-action-frame) !important;
    filter:brightness(.58) contrast(1.08) saturate(.90) !important;
}
.server-list a.realm-server::after,
.server-list a.realm-new::after,
.server-list a.realm-history-entry::after,
.server-list a.realm-action::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:-2 !important;
    pointer-events:none !important;
    left:16% !important;
    right:16% !important;
    top:27% !important;
    bottom:27% !important;
    border-radius:999px !important;
    background:
        radial-gradient(circle at 50% 9%, rgba(255,232,155,.10), transparent 44%),
        linear-gradient(180deg, var(--lh-final-fill-server-top) 0%, var(--lh-final-fill-server-mid) 55%, var(--lh-final-fill-server-bottom) 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,238,174,.08), inset 0 -1px 0 rgba(0,0,0,.32) !important;
}
.server-list a.realm-action::after{
    left:18% !important;
    right:18% !important;
    top:30% !important;
    bottom:30% !important;
    background:
        radial-gradient(circle at 50% 8%, rgba(255,235,165,.06), transparent 45%),
        linear-gradient(180deg, var(--lh-final-fill-action-top) 0%, var(--lh-final-fill-action-mid) 55%, var(--lh-final-fill-action-bottom) 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,238,174,.05), inset 0 -1px 0 rgba(0,0,0,.25) !important;
}
.server-list a.realm-history-entry{
    flex-direction:column !important;
    gap:1px !important;
    font-size:12px !important;
}
.server-list a.realm-history-entry .login-time{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:#e0d2a9 !important;
    font-size:8.8px !important;
    line-height:1 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    text-shadow:0 1px 2px rgba(0,0,0,.88) !important;
}
.server-list a.realm-server:hover,
.server-list a.realm-new:hover,
.server-list a.realm-history-entry:hover,
.server-list a.realm-action:hover{
    transform:translateY(-1px) scale(1.012) !important;
    filter:drop-shadow(0 10px 13px rgba(0,0,0,.38)) drop-shadow(0 1px 0 rgba(66,45,17,.82)) !important;
    text-shadow:0 2px 5px rgba(0,0,0,1), 0 0 11px rgba(255,229,151,.34) !important;
}
.server-list a.realm-server:active,
.server-list a.realm-new:active,
.server-list a.realm-history-entry:active,
.server-list a.realm-action:active{
    transform:translateY(2px) scale(.988) !important;
    filter:drop-shadow(0 3px 5px rgba(0,0,0,.25)) drop-shadow(0 1px 0 rgba(66,45,17,.62)) !important;
}

/* 底部说明也限制在内框，不再压金属边；只在该区内部滑动 */
.lh-text-zone{
    width:min(420px, 72vw) !important;
    max-width:calc(100vw - 104px) !important;
    margin:6px auto 10px !important;
    padding:0 14px 0 0 !important;
    max-height:clamp(52px, 9.5svh, 118px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    color:#e8dcc1 !important;
}
.lh-text-zone.is-scrolling{
    scrollbar-width:thin !important;
    scrollbar-color:var(--lh-final-scroll-mid) rgba(39,25,8,.20) !important;
}
.lh-text-zone::-webkit-scrollbar{width:0 !important;height:0 !important;background:transparent !important;}
.lh-text-zone.is-scrolling::-webkit-scrollbar{width:6px !important;}
.lh-text-zone.is-scrolling::-webkit-scrollbar-track{
    border-radius:999px !important;
    background:linear-gradient(180deg, rgba(40,25,7,.03), rgba(40,25,7,.32), rgba(40,25,7,.03)) !important;
}
.lh-text-zone.is-scrolling::-webkit-scrollbar-thumb{
    border-radius:999px !important;
    background:linear-gradient(180deg, var(--lh-final-scroll-top) 0%, var(--lh-final-scroll-mid) 52%, var(--lh-final-scroll-bottom) 100%) !important;
    box-shadow:0 0 7px rgba(219,165,70,.34) !important;
}
.lh-text-zone .terms-box,
.lh-text-zone .notice-scroll,
.lh-text-zone .intro-panel,
.lh-text-zone .bookmark-note{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:3px 0 5px !important;
    overflow:visible !important;
    max-height:none !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
.lh-text-zone .notice-scroll::after{content:none !important;display:none !important;}
.lh-text-zone .notice-scroll::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important;}

@media (max-width:420px){
    .fantasy-page{
        padding-left:max(18px, env(safe-area-inset-left)) !important;
        padding-right:max(18px, env(safe-area-inset-right)) !important;
    }
    .realm-shell{max-width:calc(100vw - 46px) !important;}
    .game-logo-img{width:min(80vw, 360px) !important;}
    .server-list{
        max-width:calc(100vw - 74px) !important;
        max-height:clamp(238px, 50svh, 440px) !important;
        gap:5px 6px !important;
        padding-left:4px !important;
        padding-right:4px !important;
    }
    .server-list a.realm-server,
    .server-list a.realm-new{
        flex:1 1 calc(50% - 7px) !important;
        min-width:calc(50% - 7px) !important;
        max-width:calc(50% - 7px) !important;
        height:46px !important;
        min-height:46px !important;
        padding:0 8px !important;
        font-size:12.4px !important;
    }
    .server-list a.realm-action{
        flex:1 1 calc(50% - 7px) !important;
        min-width:calc(50% - 7px) !important;
        max-width:calc(50% - 7px) !important;
        height:42px !important;
        min-height:42px !important;
        padding:0 8px !important;
        font-size:12.4px !important;
    }
    .server-list a.realm-history-entry{
        flex:0 0 138px !important;
        width:138px !important;
        min-width:138px !important;
        max-width:138px !important;
        height:46px !important;
        min-height:46px !important;
    }
    .lh-text-zone{
        width:auto !important;
        max-width:calc(100vw - 96px) !important;
        max-height:clamp(46px, 8.5svh, 96px) !important;
        padding-right:12px !important;
    }
}
@media (max-width:360px){
    .realm-shell{max-width:calc(100vw - 38px) !important;}
    .server-list{max-width:calc(100vw - 62px) !important;}
    .lh-text-zone{max-width:calc(100vw - 76px) !important;}
    .server-list a.realm-server,
    .server-list a.realm-new,
    .server-list a.realm-action{
        font-size:11.6px !important;
        letter-spacing:0 !important;
        padding-left:6px !important;
        padding-right:6px !important;
    }
}

/* === 2026-05-23 v8 最终补丁：整页内容统一进入金属内框滚动 + 重写按键静态效果 + 恢复动态星光 === */
:root{
    --lh-v8-frame-safe-top:clamp(38px, 6.4svh, 70px);
    --lh-v8-frame-safe-x:clamp(28px, 8.5vw, 58px);
    --lh-v8-frame-safe-bottom:clamp(44px, 7.2svh, 82px);
    --lh-v8-inner-width:min(456px, calc(100vw - var(--lh-v8-frame-safe-x) - var(--lh-v8-frame-safe-x)));
    --lh-v8-scroll-thumb-1:rgba(255,236,172,.96);
    --lh-v8-scroll-thumb-2:rgba(190,128,42,.94);
    --lh-v8-scroll-thumb-3:rgba(65,37,10,.96);
    --lh-v8-btn-frame:url("../images/button_frame_transparent_small.png");
    --lh-v8-btn-border:url("../images/realm_button_border_only.png");
}

html,
body.lh-page-root{
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    overflow:hidden !important;
}
body.lh-page-root{
    touch-action:manipulation !important;
    overscroll-behavior:none !important;
}
.site-frame-bg{
    z-index:0 !important;
    background-size:100% 100% !important;
    background-position:center center !important;
}

/* 星光恢复为真正的动态漂浮，并限制在金属边框内部，不再铺到边框外 */
.floating-stars{
    position:fixed !important;
    top:var(--lh-v8-frame-safe-top) !important;
    right:var(--lh-v8-frame-safe-x) !important;
    bottom:var(--lh-v8-frame-safe-bottom) !important;
    left:var(--lh-v8-frame-safe-x) !important;
    z-index:1 !important;
    display:block !important;
    overflow:hidden !important;
    pointer-events:none !important;
    opacity:.98 !important;
    contain:layout paint !important;
}
.floating-stars i,
.floating-stars .lh-star{
    position:absolute !important;
    left:var(--x, 50%) !important;
    top:var(--y, 50%) !important;
    width:var(--s, 3px) !important;
    height:var(--s, 3px) !important;
    display:block !important;
    border-radius:999px !important;
    background:rgba(255,238,182,.96) !important;
    box-shadow:
        0 0 7px rgba(255,232,158,.88),
        0 0 15px rgba(129,105,255,.34),
        0 0 26px rgba(74,214,255,.16) !important;
    filter:none !important;
    opacity:.36;
    transform:translate3d(0,0,0) scale(.78);
    will-change:transform, opacity !important;
    animation:lhV8StarFloat var(--d, 10s) ease-in-out infinite !important;
    animation-delay:var(--delay, 0s) !important;
}
@keyframes lhV8StarFloat{
    0%{transform:translate3d(0,0,0) scale(.66);opacity:.12;}
    18%{opacity:.86;}
    46%{transform:translate3d(14px,-26px,0) scale(1.18);opacity:.72;}
    72%{opacity:.42;}
    100%{transform:translate3d(-10px,-58px,0) scale(.62);opacity:.10;}
}
body:before{
    animation:starDrift 38s linear infinite !important;
    opacity:.20 !important;
}
html.lh-modal-open .floating-stars i,
body.lh-modal-open .floating-stars i{
    animation-play-state:paused !important;
}

/* 外层页面不再自己滚动；所有显示内容都进入金属边框以内的统一滚动层 */
.fantasy-page{
    position:relative !important;
    z-index:2 !important;
    width:100vw !important;
    height:100svh !important;
    min-height:100svh !important;
    padding:var(--lh-v8-frame-safe-top) var(--lh-v8-frame-safe-x) var(--lh-v8-frame-safe-bottom) !important;
    margin:0 !important;
    display:flex !important;
    align-items:stretch !important;
    justify-content:center !important;
    overflow:hidden !important;
}
.realm-shell{
    width:var(--lh-v8-inner-width) !important;
    max-width:var(--lh-v8-inner-width) !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:stretch !important;
    justify-content:center !important;
    overflow:hidden !important;
}
.realm-card{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    animation:none !important;
    isolation:isolate !important;
}
.realm-card:before,
.realm-card:after{
    display:none !important;
    content:none !important;
}
.realm-scroll-area{
    position:relative !important;
    z-index:3 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:2px clamp(4px, 1.5vw, 8px) 18px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    scrollbar-width:none !important;
    scrollbar-color:transparent transparent !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:7px !important;
    background:transparent !important;
    contain:layout paint !important;
}
.realm-scroll-area.is-scrolling{
    scrollbar-width:thin !important;
    scrollbar-color:var(--lh-v8-scroll-thumb-2) rgba(20,13,4,.08) !important;
}
.realm-scroll-area::-webkit-scrollbar{width:0 !important;height:0 !important;background:transparent !important;}
.realm-scroll-area.is-scrolling::-webkit-scrollbar{width:6px !important;}
.realm-scroll-area.is-scrolling::-webkit-scrollbar-track{
    border-radius:999px !important;
    background:linear-gradient(180deg, rgba(42,26,7,.03), rgba(42,26,7,.32), rgba(42,26,7,.03)) !important;
}
.realm-scroll-area.is-scrolling::-webkit-scrollbar-thumb{
    border-radius:999px !important;
    background:linear-gradient(180deg, var(--lh-v8-scroll-thumb-1), var(--lh-v8-scroll-thumb-2) 52%, var(--lh-v8-scroll-thumb-3)) !important;
    box-shadow:0 0 8px rgba(214,153,61,.34) !important;
}

/* 子区域全部变为普通内容块，不再各自滚动 */
.realm-hero,
.server-list,
.lh-text-zone,
.terms-box,
.notice-scroll,
.intro-panel,
.bookmark-note,
.add-weixin-footer{
    position:relative !important;
    z-index:3 !important;
    flex:0 0 auto !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    overflow-x:visible !important;
    overflow-y:visible !important;
    scrollbar-width:none !important;
    background:transparent !important;
    box-shadow:none !important;
}
.realm-hero{
    margin:0 auto !important;
    padding:0 0 2px !important;
    text-align:center !important;
}
.game-logo-img{
    display:block !important;
    width:min(100%, 420px) !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 auto 2px !important;
    filter:drop-shadow(0 8px 16px rgba(0,0,0,.48)) !important;
    animation:none !important;
}
.realm-hero p{
    margin:0 auto 2px !important;
    padding:0 !important;
    color:#d8c39a !important;
    font-size:12px !important;
    line-height:1.34 !important;
    letter-spacing:.08em !important;
    text-shadow:0 2px 5px rgba(0,0,0,.96) !important;
}
.server-list{
    margin:0 auto !important;
    padding:0 0 2px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-content:flex-start !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px 7px !important;
    overscroll-behavior:auto !important;
}
.server-list.is-scrolling,
.lh-text-zone.is-scrolling,
.notice-scroll.is-scrolling{scrollbar-width:none !important;}
.server-list::-webkit-scrollbar,
.lh-text-zone::-webkit-scrollbar,
.notice-scroll::-webkit-scrollbar{width:0 !important;height:0 !important;display:none !important;}
.server-list br{display:none !important;}
.server-list .realm-section,
.server-list .realm-last-login{
    flex:0 0 100% !important;
    width:100% !important;
    max-width:100% !important;
    text-align:center !important;
}
.server-list .realm-section{
    margin:5px 0 1px !important;
    padding:0 !important;
    color:#cfaa64 !important;
    font-size:11.6px !important;
    line-height:1.25 !important;
    letter-spacing:.18em !important;
    text-shadow:0 2px 4px rgba(0,0,0,.92) !important;
}
.server-list .realm-last-login{
    margin:1px 0 0 !important;
    padding:0 !important;
    color:#c7b383 !important;
    font-size:11px !important;
    line-height:1.2 !important;
}

/* 清除旧按键点击/悬停动效，重写为一套统一、稳定的暗金按钮 */
.server-list a.realm-server,
.server-list a.realm-new,
.server-list a.realm-history-entry,
.server-list a.realm-action,
#tanchu1 .huifu a,
#tanchu2 .huifu a,
#tanchu_truename .huifu a,
#tanchu1 #buttom,
#tanchu2 #buttom,
#tanchu_truename #buttom{
    -webkit-tap-highlight-color:transparent !important;
    touch-action:manipulation !important;
    user-select:none !important;
    outline:none !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
}
.server-list a.realm-server,
.server-list a.realm-new,
.server-list a.realm-history-entry,
.server-list a.realm-action{
    position:relative !important;
    isolation:isolate !important;
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:1 1 128px !important;
    width:auto !important;
    min-width:118px !important;
    max-width:150px !important;
    height:42px !important;
    min-height:42px !important;
    margin:0 !important;
    padding:0 12px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#fff1c9 !important;
    font-size:12.3px !important;
    font-weight:700 !important;
    line-height:1.06 !important;
    letter-spacing:.02em !important;
    text-align:center !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    text-shadow:0 2px 4px rgba(0,0,0,1), 0 0 7px rgba(255,228,151,.22) !important;
    filter:drop-shadow(0 5px 7px rgba(0,0,0,.36)) !important;
    box-shadow:none !important;
    overflow:visible !important;
}
.server-list a.realm-action{
    flex:1 1 128px !important;
    min-width:118px !important;
    max-width:168px !important;
    height:39px !important;
    min-height:39px !important;
    font-size:12px !important;
}
.server-list a.realm-history-entry{
    flex:0 0 146px !important;
    width:146px !important;
    min-width:146px !important;
    max-width:146px !important;
    height:43px !important;
    min-height:43px !important;
    flex-direction:column !important;
    gap:1px !important;
    padding:0 10px !important;
}
.server-list a.realm-server::before,
.server-list a.realm-new::before,
.server-list a.realm-history-entry::before,
.server-list a.realm-action::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:-1 !important;
    pointer-events:none !important;
    inset:3px 5px !important;
    border-radius:0 !important;
    background-image:var(--lh-v8-btn-frame) !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:100% 100% !important;
    filter:brightness(.56) contrast(1.12) saturate(.88) !important;
    opacity:.98 !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
}
.server-list a.realm-action::before{
    inset:4px 7px !important;
    background-image:var(--lh-v8-btn-border) !important;
    filter:brightness(.50) contrast(1.10) saturate(.82) !important;
}
.server-list a.realm-server::after,
.server-list a.realm-new::after,
.server-list a.realm-history-entry::after,
.server-list a.realm-action::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:-2 !important;
    pointer-events:none !important;
    left:15% !important;
    right:15% !important;
    top:25% !important;
    bottom:25% !important;
    border-radius:999px !important;
    background:
        linear-gradient(180deg, rgba(77,52,22,.92) 0%, rgba(29,19,8,.97) 55%, rgba(7,5,2,.99) 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,232,157,.06), inset 0 -1px 0 rgba(0,0,0,.38) !important;
    filter:none !important;
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
}
.server-list a.realm-action::after{
    left:18% !important;
    right:18% !important;
    top:29% !important;
    bottom:29% !important;
    background:linear-gradient(180deg, rgba(49,39,24,.78) 0%, rgba(20,14,7,.88) 58%, rgba(5,4,2,.95) 100%) !important;
}
.server-list a.realm-history-entry .login-time{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:#d8c79c !important;
    font-size:8.6px !important;
    line-height:1 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    text-shadow:0 1px 2px rgba(0,0,0,.88) !important;
}
.server-list a.realm-server:hover,
.server-list a.realm-new:hover,
.server-list a.realm-history-entry:hover,
.server-list a.realm-action:hover,
.server-list a.realm-server:active,
.server-list a.realm-new:active,
.server-list a.realm-history-entry:active,
.server-list a.realm-action:active,
.server-list a.realm-server:focus,
.server-list a.realm-new:focus,
.server-list a.realm-history-entry:focus,
.server-list a.realm-action:focus{
    transform:none !important;
    transition:none !important;
    animation:none !important;
    filter:drop-shadow(0 5px 7px rgba(0,0,0,.36)) !important;
    color:#fff1c9 !important;
    text-shadow:0 2px 4px rgba(0,0,0,1), 0 0 7px rgba(255,228,151,.22) !important;
    box-shadow:none !important;
    outline:none !important;
}
.server-list a.realm-server:hover::before,
.server-list a.realm-new:hover::before,
.server-list a.realm-history-entry:hover::before,
.server-list a.realm-action:hover::before,
.server-list a.realm-server:active::before,
.server-list a.realm-new:active::before,
.server-list a.realm-history-entry:active::before,
.server-list a.realm-action:active::before,
.server-list a.realm-server:hover::after,
.server-list a.realm-new:hover::after,
.server-list a.realm-history-entry:hover::after,
.server-list a.realm-action:hover::after,
.server-list a.realm-server:active::after,
.server-list a.realm-new:active::after,
.server-list a.realm-history-entry:active::after,
.server-list a.realm-action:active::after{
    transform:none !important;
    transition:none !important;
    animation:none !important;
}

.lh-text-zone{
    margin:1px auto 0 !important;
    padding:0 4px !important;
    color:#e2d3b6 !important;
    font-size:11.2px !important;
    line-height:1.44 !important;
    text-align:left !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
}
.lh-text-zone .terms-box,
.lh-text-zone .notice-scroll,
.lh-text-zone .intro-panel,
.lh-text-zone .bookmark-note{
    margin:0 auto !important;
    padding:3px 0 !important;
    color:inherit !important;
    font-size:inherit !important;
    line-height:inherit !important;
    border:0 !important;
    background:transparent !important;
    text-align:left !important;
}
.lh-text-zone .terms-box a{color:#f4d98a !important;text-decoration:none !important;}
.add-weixin-footer{
    margin:4px auto 0 !important;
    padding:0 0 4px !important;
    text-align:center !important;
}
.add-weixin-footer img{
    display:block !important;
    width:min(70%, 260px) !important;
    max-width:260px !important;
    height:auto !important;
    margin:0 auto !important;
    opacity:.92 !important;
    filter:brightness(.82) contrast(1.04) drop-shadow(0 6px 12px rgba(0,0,0,.46)) !important;
}

@media (max-width:420px){
    :root{
        --lh-v8-frame-safe-top:clamp(34px, 6.2svh, 56px);
        --lh-v8-frame-safe-x:clamp(24px, 7.4vw, 36px);
        --lh-v8-frame-safe-bottom:clamp(38px, 6.5svh, 62px);
    }
    .realm-scroll-area{padding-left:2px !important;padding-right:2px !important;gap:5px !important;}
    .game-logo-img{width:min(100%, 360px) !important;}
    .realm-hero p{font-size:11.4px !important;line-height:1.28 !important;}
    .server-list{gap:5px 5px !important;}
    .server-list a.realm-server,
    .server-list a.realm-new{
        flex:1 1 calc(50% - 6px) !important;
        min-width:calc(50% - 6px) !important;
        max-width:calc(50% - 6px) !important;
        height:40px !important;
        min-height:40px !important;
        padding:0 8px !important;
        font-size:11.8px !important;
    }
    .server-list a.realm-action{
        flex:1 1 calc(50% - 6px) !important;
        min-width:calc(50% - 6px) !important;
        max-width:calc(50% - 6px) !important;
        height:38px !important;
        min-height:38px !important;
        padding:0 8px !important;
        font-size:11.7px !important;
    }
    .server-list a.realm-history-entry{
        flex:0 0 142px !important;
        width:142px !important;
        min-width:142px !important;
        max-width:142px !important;
        height:41px !important;
        min-height:41px !important;
    }
    .lh-text-zone{font-size:10.8px !important;line-height:1.40 !important;}
    .add-weixin-footer img{width:min(72%, 238px) !important;}
}
@media (max-width:360px){
    :root{
        --lh-v8-frame-safe-x:22px;
        --lh-v8-frame-safe-top:32px;
        --lh-v8-frame-safe-bottom:36px;
    }
    .server-list a.realm-server,
    .server-list a.realm-new,
    .server-list a.realm-action{font-size:11.2px !important;letter-spacing:0 !important;}
    .server-list .realm-section{font-size:11px !important;}
}

/* === 2026-05-23 v9 强制修正版：统一内框滚动、清空点击态、恢复动态星光；并用于 04 新文件名防缓存 === */
:root{
    --lh04-safe-top:clamp(48px, 7.0vh, 82px);
    --lh04-safe-side:clamp(34px, 8.4vw, 64px);
    --lh04-safe-bottom:clamp(48px, 7.4vh, 86px);
    --lh04-inner-w:min(462px, calc(100vw - var(--lh04-safe-side) * 2));
    --lh04-scroll-1:rgba(255,240,185,.98);
    --lh04-scroll-2:rgba(204,142,49,.96);
    --lh04-scroll-3:rgba(72,42,11,.98);
    --lh04-btn-frame:url("../images/button_frame_transparent_small.png");
    --lh04-btn-border:url("../images/realm_button_border_only.png");
}
html,
body.lh-page-root{
    width:100% !important;
    height:100vh !important;
    min-height:100vh !important;
    margin:0 !important;
    overflow:hidden !important;
    overscroll-behavior:none !important;
}
@supports (height:100dvh){
    html,
    body.lh-page-root{
        height:100dvh !important;
        min-height:100dvh !important;
    }
}
body.lh-page-root{
    background:#000 !important;
    touch-action:manipulation !important;
}
body.lh-page-root::before,
body.lh-page-root::after,
.fantasy-page::before,
.fantasy-page::after{
    display:none !important;
    content:none !important;
}
.site-frame-bg{
    position:fixed !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    background-image:url("../images/bg_frame_border.jpg") !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:100% 100% !important;
    opacity:1 !important;
}
.floating-stars{
    position:fixed !important;
    top:var(--lh04-safe-top) !important;
    right:var(--lh04-safe-side) !important;
    bottom:var(--lh04-safe-bottom) !important;
    left:var(--lh04-safe-side) !important;
    z-index:1 !important;
    display:block !important;
    pointer-events:none !important;
    overflow:hidden !important;
    opacity:1 !important;
    contain:layout paint !important;
}
.floating-stars i,
.floating-stars .lh-star{
    position:absolute !important;
    left:var(--x,50%) !important;
    top:var(--y,50%) !important;
    width:var(--s,3px) !important;
    height:var(--s,3px) !important;
    display:block !important;
    border-radius:999px !important;
    background:rgba(255,240,190,.98) !important;
    box-shadow:0 0 7px rgba(255,230,150,.95),0 0 18px rgba(128,83,255,.42),0 0 28px rgba(82,216,255,.18) !important;
    opacity:.46 !important;
    transform:translate3d(0,0,0) scale(.82) !important;
    will-change:transform,opacity !important;
    animation:lh04StarMove var(--d,10s) ease-in-out infinite !important;
    animation-delay:var(--delay,0s) !important;
}
@keyframes lh04StarMove{
    0%{transform:translate3d(0,0,0) scale(.62);opacity:.10;}
    16%{opacity:.88;}
    44%{transform:translate3d(16px,-28px,0) scale(1.22);opacity:.72;}
    72%{opacity:.46;}
    100%{transform:translate3d(-12px,-62px,0) scale(.60);opacity:.08;}
}
html.lh-modal-open .floating-stars i,
html.lh-modal-open .floating-stars .lh-star,
body.lh-modal-open .floating-stars i,
body.lh-modal-open .floating-stars .lh-star{
    animation-play-state:paused !important;
}
.fantasy-page{
    position:relative !important;
    z-index:2 !important;
    width:100vw !important;
    height:100vh !important;
    min-height:100vh !important;
    margin:0 !important;
    padding:var(--lh04-safe-top) var(--lh04-safe-side) var(--lh04-safe-bottom) !important;
    display:flex !important;
    justify-content:center !important;
    align-items:stretch !important;
    overflow:hidden !important;
    background:transparent !important;
}
@supports (height:100dvh){
    .fantasy-page{
        height:100dvh !important;
        min-height:100dvh !important;
    }
}
.realm-shell,
.realm-card{
    position:relative !important;
    z-index:3 !important;
    width:var(--lh04-inner-w) !important;
    max-width:var(--lh04-inner-w) !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:stretch !important;
    justify-content:center !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    animation:none !important;
    transform:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}
.realm-card::before,
.realm-card::after{
    display:none !important;
    content:none !important;
}
.realm-scroll-area{
    position:relative !important;
    z-index:4 !important;
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:2px clamp(2px,1vw,8px) 18px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    scrollbar-width:none !important;
    scrollbar-color:transparent transparent !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
.realm-scroll-area.is-scrolling{
    scrollbar-width:thin !important;
    scrollbar-color:var(--lh04-scroll-2) rgba(28,18,6,.10) !important;
}
.realm-scroll-area::-webkit-scrollbar{width:0 !important;height:0 !important;background:transparent !important;}
.realm-scroll-area.is-scrolling::-webkit-scrollbar{width:6px !important;}
.realm-scroll-area.is-scrolling::-webkit-scrollbar-track{
    border-radius:999px !important;
    background:linear-gradient(180deg,rgba(40,25,7,.02),rgba(40,25,7,.34),rgba(40,25,7,.02)) !important;
}
.realm-scroll-area.is-scrolling::-webkit-scrollbar-thumb{
    border-radius:999px !important;
    background:linear-gradient(180deg,var(--lh04-scroll-1),var(--lh04-scroll-2) 52%,var(--lh04-scroll-3)) !important;
    box-shadow:0 0 8px rgba(214,153,61,.34) !important;
}
.realm-hero,
.server-list,
.lh-text-zone,
.terms-box,
.notice-scroll,
.intro-panel,
.bookmark-note,
.add-weixin-footer{
    position:relative !important;
    z-index:4 !important;
    flex:0 0 auto !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    max-height:none !important;
    height:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
    overflow:visible !important;
    overflow-x:visible !important;
    overflow-y:visible !important;
    scrollbar-width:none !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
.server-list::-webkit-scrollbar,
.lh-text-zone::-webkit-scrollbar,
.notice-scroll::-webkit-scrollbar{width:0 !important;height:0 !important;display:none !important;}
.realm-hero{
    padding:0 0 2px !important;
    margin:0 auto !important;
    text-align:center !important;
}
.game-logo-img{
    content:url("../images/lunhui_online_v4_1200w.jpg") !important;
    display:block !important;
    width:min(100%,420px) !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 auto 2px !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    filter:drop-shadow(0 8px 16px rgba(0,0,0,.50)) !important;
    transform:none !important;
    animation:none !important;
}
.realm-hero p{
    margin:0 auto !important;
    padding:0 !important;
    color:#d8c39a !important;
    font-size:12px !important;
    line-height:1.32 !important;
    letter-spacing:.08em !important;
    text-align:center !important;
    text-shadow:0 2px 5px rgba(0,0,0,.96) !important;
}
.server-list{
    display:flex !important;
    flex-wrap:wrap !important;
    align-content:flex-start !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px 7px !important;
    padding:0 0 2px !important;
    margin:0 auto !important;
}
.server-list br{display:none !important;}
.server-list .realm-section,
.server-list .realm-last-login{
    flex:0 0 100% !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
}
.server-list .realm-section{
    margin-top:5px !important;
    margin-bottom:1px !important;
    color:#c9a35e !important;
    font-size:11.6px !important;
    line-height:1.25 !important;
    letter-spacing:.18em !important;
    text-shadow:0 2px 4px rgba(0,0,0,.92) !important;
}
.server-list .realm-section::before,
.server-list .realm-section::after{
    max-width:78px !important;
    opacity:.52 !important;
}
.server-list .realm-last-login{
    color:#c7b383 !important;
    font-size:11px !important;
    line-height:1.2 !important;
}
/* 按钮：清空旧点击/悬停效果，统一成静态暗金；文字不再跟着图片压暗 */
.server-list a.realm-server,
.server-list a.realm-new,
.server-list a.realm-history-entry,
.server-list a.realm-action,
#tanchu1 .huifu a,
#tanchu2 .huifu a,
#tanchu_truename .huifu a,
#tanchu1 #buttom,
#tanchu2 #buttom,
#tanchu_truename #buttom,
#tanchu1 .close a,
#tanchu2 .close a,
#tanchu_truename .close a{
    -webkit-tap-highlight-color:transparent !important;
    touch-action:manipulation !important;
    user-select:none !important;
    outline:none !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
    box-shadow:none !important;
}
.server-list a.realm-server,
.server-list a.realm-new,
.server-list a.realm-history-entry,
.server-list a.realm-action{
    position:relative !important;
    isolation:isolate !important;
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:1 1 128px !important;
    width:auto !important;
    min-width:118px !important;
    max-width:150px !important;
    height:42px !important;
    min-height:42px !important;
    margin:0 !important;
    padding:0 12px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#fff1c9 !important;
    font-size:12.3px !important;
    font-weight:700 !important;
    line-height:1.06 !important;
    letter-spacing:.02em !important;
    text-align:center !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    text-shadow:0 2px 4px rgba(0,0,0,1),0 0 7px rgba(255,228,151,.22) !important;
    filter:drop-shadow(0 5px 7px rgba(0,0,0,.36)) !important;
    overflow:visible !important;
}
.server-list a.realm-action{
    flex:1 1 128px !important;
    min-width:118px !important;
    max-width:168px !important;
    height:39px !important;
    min-height:39px !important;
    font-size:12px !important;
}
.server-list a.realm-history-entry{
    flex:0 0 146px !important;
    width:146px !important;
    min-width:146px !important;
    max-width:146px !important;
    height:43px !important;
    min-height:43px !important;
    flex-direction:column !important;
    gap:1px !important;
    padding:0 10px !important;
}
.server-list a.realm-server::before,
.server-list a.realm-new::before,
.server-list a.realm-history-entry::before,
.server-list a.realm-action::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:-1 !important;
    pointer-events:none !important;
    inset:3px 5px !important;
    background-image:var(--lh04-btn-frame) !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:100% 100% !important;
    filter:brightness(.55) contrast(1.12) saturate(.86) !important;
    opacity:.99 !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
}
.server-list a.realm-action::before{
    inset:4px 7px !important;
    background-image:var(--lh04-btn-border) !important;
    filter:brightness(.48) contrast(1.12) saturate(.80) !important;
}
.server-list a.realm-server::after,
.server-list a.realm-new::after,
.server-list a.realm-history-entry::after,
.server-list a.realm-action::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:-2 !important;
    pointer-events:none !important;
    left:15% !important;
    right:15% !important;
    top:25% !important;
    bottom:25% !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,rgba(72,49,22,.92) 0%,rgba(27,17,7,.98) 56%,rgba(6,4,2,.99) 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,232,157,.05), inset 0 -1px 0 rgba(0,0,0,.38) !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
}
.server-list a.realm-action::after{
    left:18% !important;
    right:18% !important;
    top:29% !important;
    bottom:29% !important;
    background:linear-gradient(180deg,rgba(45,35,21,.78) 0%,rgba(18,13,6,.90) 58%,rgba(4,3,2,.96) 100%) !important;
}
.server-list a.realm-history-entry .login-time{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:#d8c79c !important;
    font-size:8.6px !important;
    line-height:1 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    text-shadow:0 1px 2px rgba(0,0,0,.88) !important;
}
.server-list a.realm-server:hover,
.server-list a.realm-new:hover,
.server-list a.realm-history-entry:hover,
.server-list a.realm-action:hover,
.server-list a.realm-server:active,
.server-list a.realm-new:active,
.server-list a.realm-history-entry:active,
.server-list a.realm-action:active,
.server-list a.realm-server:focus,
.server-list a.realm-new:focus,
.server-list a.realm-history-entry:focus,
.server-list a.realm-action:focus,
#tanchu1 .huifu a:hover,#tanchu1 .huifu a:active,#tanchu1 .huifu a:focus,
#tanchu2 .huifu a:hover,#tanchu2 .huifu a:active,#tanchu2 .huifu a:focus,
#tanchu_truename .huifu a:hover,#tanchu_truename .huifu a:active,#tanchu_truename .huifu a:focus,
#tanchu1 #buttom:hover,#tanchu1 #buttom:active,#tanchu1 #buttom:focus,
#tanchu2 #buttom:hover,#tanchu2 #buttom:active,#tanchu2 #buttom:focus,
#tanchu_truename #buttom:hover,#tanchu_truename #buttom:active,#tanchu_truename #buttom:focus,
#tanchu1 .close a:hover,#tanchu1 .close a:active,#tanchu1 .close a:focus,
#tanchu2 .close a:hover,#tanchu2 .close a:active,#tanchu2 .close a:focus,
#tanchu_truename .close a:hover,#tanchu_truename .close a:active,#tanchu_truename .close a:focus{
    transform:none !important;
    transition:none !important;
    animation:none !important;
    box-shadow:none !important;
    outline:none !important;
}
.server-list a.realm-server:hover,
.server-list a.realm-new:hover,
.server-list a.realm-history-entry:hover,
.server-list a.realm-action:hover,
.server-list a.realm-server:active,
.server-list a.realm-new:active,
.server-list a.realm-history-entry:active,
.server-list a.realm-action:active,
.server-list a.realm-server:focus,
.server-list a.realm-new:focus,
.server-list a.realm-history-entry:focus,
.server-list a.realm-action:focus{
    filter:drop-shadow(0 5px 7px rgba(0,0,0,.36)) !important;
    color:#fff1c9 !important;
    text-shadow:0 2px 4px rgba(0,0,0,1),0 0 7px rgba(255,228,151,.22) !important;
}
.lh-text-zone{
    margin:1px auto 0 !important;
    padding:0 4px !important;
    color:#e2d3b6 !important;
    font-size:11.2px !important;
    line-height:1.44 !important;
    text-align:left !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
}
.lh-text-zone .terms-box,
.lh-text-zone .notice-scroll,
.lh-text-zone .intro-panel,
.lh-text-zone .bookmark-note{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:3px 0 !important;
    color:inherit !important;
    font-size:inherit !important;
    line-height:inherit !important;
    border:0 !important;
    background:transparent !important;
    text-align:left !important;
}
.lh-text-zone .terms-box a{color:#f4d98a !important;text-decoration:none !important;}
.add-weixin-footer{
    margin:4px auto 0 !important;
    padding:0 0 4px !important;
    text-align:center !important;
}
.add-weixin-footer img{
    display:block !important;
    width:min(70%,260px) !important;
    max-width:260px !important;
    height:auto !important;
    margin:0 auto !important;
    opacity:.92 !important;
    border:0 !important;
    box-shadow:none !important;
    filter:brightness(.82) contrast(1.04) drop-shadow(0 6px 12px rgba(0,0,0,.46)) !important;
}
@media (max-width:420px){
    :root{
        --lh04-safe-top:clamp(38px,6.2vh,58px);
        --lh04-safe-side:clamp(26px,7.6vw,38px);
        --lh04-safe-bottom:clamp(40px,6.6vh,64px);
    }
    .realm-scroll-area{padding-left:2px !important;padding-right:2px !important;gap:5px !important;}
    .game-logo-img{width:min(100%,360px) !important;}
    .realm-hero p{font-size:11.3px !important;line-height:1.28 !important;}
    .server-list{gap:5px 5px !important;}
    .server-list a.realm-server,
    .server-list a.realm-new{
        flex:1 1 calc(50% - 6px) !important;
        min-width:calc(50% - 6px) !important;
        max-width:calc(50% - 6px) !important;
        height:40px !important;
        min-height:40px !important;
        padding:0 8px !important;
        font-size:11.7px !important;
    }
    .server-list a.realm-action{
        flex:1 1 calc(50% - 6px) !important;
        min-width:calc(50% - 6px) !important;
        max-width:calc(50% - 6px) !important;
        height:38px !important;
        min-height:38px !important;
        padding:0 8px !important;
        font-size:11.6px !important;
    }
    .server-list a.realm-history-entry{
        flex:0 0 142px !important;
        width:142px !important;
        min-width:142px !important;
        max-width:142px !important;
        height:41px !important;
        min-height:41px !important;
    }
    .lh-text-zone{font-size:10.8px !important;line-height:1.40 !important;}
    .add-weixin-footer img{width:min(72%,238px) !important;}
}
@media (max-width:360px){
    :root{
        --lh04-safe-side:22px;
        --lh04-safe-top:34px;
        --lh04-safe-bottom:38px;
    }
    .server-list a.realm-server,
    .server-list a.realm-new,
    .server-list a.realm-action{font-size:11.1px !important;letter-spacing:0 !important;}
    .server-list .realm-section{font-size:10.8px !important;}
}

/* === 2026-05-23 v10 / package 05：修复滚动条隐藏后布局左移；按钮改为颜色背景与统一点击动画 === */
:root{
    --lh05-scrollbar-w:6px;
    --lh05-btn-radius:13px;
    --lh05-gold-text:#fff0bd;
    --lh05-shadow-dark:rgba(0,0,0,.58);
    --lh05-entry-1:#1b5362;
    --lh05-entry-2:#0b2536;
    --lh05-entry-3:#031017;
    --lh05-safe-1:#4b2f63;
    --lh05-safe-2:#19102d;
    --lh05-safe-3:#06040d;
    --lh05-server-1:#3a201f;
    --lh05-server-2:#1a0d16;
    --lh05-server-3:#050207;
    --lh05-new-1:#efd389;
    --lh05-new-2:#a76a27;
    --lh05-new-3:#3d1707;
}

/* 关键 BUG 修复：滚动条始终保留同样的 gutter，只把 thumb 变透明。
   不再在 width:0 与 width:6px 之间切换，避免内容区宽度变化造成页面整体左移。 */
body.lh-page-root .realm-scroll-area{
    overflow-y:scroll !important;
    overflow-x:hidden !important;
    scrollbar-gutter:stable both-edges !important;
    scrollbar-width:thin !important;
    scrollbar-color:transparent transparent !important;
    padding-right:clamp(4px,1.5vw,8px) !important;
    padding-left:clamp(4px,1.5vw,8px) !important;
}
body.lh-page-root .realm-scroll-area.is-scrolling{
    scrollbar-width:thin !important;
    scrollbar-color:rgba(207,145,48,.96) rgba(41,27,9,.16) !important;
}
body.lh-page-root .realm-scroll-area::-webkit-scrollbar,
body.lh-page-root .realm-scroll-area.is-scrolling::-webkit-scrollbar{
    width:var(--lh05-scrollbar-w) !important;
    height:var(--lh05-scrollbar-w) !important;
    background:transparent !important;
}
body.lh-page-root .realm-scroll-area::-webkit-scrollbar-track{
    border-radius:999px !important;
    background:transparent !important;
    box-shadow:none !important;
}
body.lh-page-root .realm-scroll-area::-webkit-scrollbar-thumb{
    border-radius:999px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
body.lh-page-root .realm-scroll-area.is-scrolling::-webkit-scrollbar-track{
    background:linear-gradient(180deg,rgba(38,24,7,.04),rgba(39,25,8,.32),rgba(38,24,7,.04)) !important;
}
body.lh-page-root .realm-scroll-area.is-scrolling::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,rgba(255,237,174,.98),rgba(207,145,48,.96) 52%,rgba(69,38,8,.98)) !important;
    box-shadow:0 0 8px rgba(214,153,61,.34) !important;
}

/* 全部页面按钮：去掉图片背景，使用颜色渐变本体；允许统一点击动画。 */
body.lh-page-root .server-list a.realm-server,
body.lh-page-root .server-list a.realm-new,
body.lh-page-root .server-list a.realm-history-entry,
body.lh-page-root .server-list a.realm-action,
body.lh-page-root #tanchu1 .huifu a,
body.lh-page-root #tanchu2 .huifu a,
body.lh-page-root #tanchu_truename .huifu a,
body.lh-page-root #tanchu1 #buttom,
body.lh-page-root #tanchu2 #buttom,
body.lh-page-root #tanchu_truename #buttom,
body.lh-page-root #popup_panel input,
body.lh-page-root #popup_ok,
body.lh-page-root #popup_cancel{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;
    border-radius:var(--lh05-btn-radius) !important;
    border:1px solid rgba(230,182,88,.40) !important;
    background-image:none !important;
    background:linear-gradient(180deg,var(--lh05-server-1) 0%,var(--lh05-server-2) 54%,var(--lh05-server-3) 100%) !important;
    color:var(--lh05-gold-text) !important;
    text-decoration:none !important;
    text-shadow:0 1px 2px rgba(0,0,0,.96),0 0 8px rgba(255,220,135,.22) !important;
    box-shadow:
        0 6px 14px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,239,178,.16),
        inset 0 -2px 0 rgba(0,0,0,.42) !important;
    filter:none !important;
    transform:translate3d(0,0,0) scale(1) !important;
    transition:
        transform .12s cubic-bezier(.2,.9,.2,1),
        filter .12s ease,
        background .16s ease,
        border-color .16s ease,
        box-shadow .16s ease !important;
    animation:none !important;
    -webkit-tap-highlight-color:transparent !important;
    touch-action:manipulation !important;
    user-select:none !important;
}

/* 去掉旧图片按钮伪元素，改成纯颜色高光与内阴影。 */
body.lh-page-root .server-list a.realm-server::before,
body.lh-page-root .server-list a.realm-new::before,
body.lh-page-root .server-list a.realm-history-entry::before,
body.lh-page-root .server-list a.realm-action::before,
body.lh-page-root #tanchu1 .huifu a::before,
body.lh-page-root #tanchu2 .huifu a::before,
body.lh-page-root #tanchu_truename .huifu a::before,
body.lh-page-root #tanchu1 #buttom::before,
body.lh-page-root #tanchu2 #buttom::before,
body.lh-page-root #tanchu_truename #buttom::before,
body.lh-page-root #popup_panel input::before,
body.lh-page-root #popup_ok::before,
body.lh-page-root #popup_cancel::before{
    content:"" !important;
    position:absolute !important;
    inset:1px !important;
    z-index:-1 !important;
    pointer-events:none !important;
    border-radius:calc(var(--lh05-btn-radius) - 2px) !important;
    background-image:none !important;
    background:
        linear-gradient(120deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.04) 32%,transparent 58%),
        radial-gradient(circle at 50% 0%,rgba(255,238,168,.16),transparent 58%) !important;
    filter:none !important;
    opacity:1 !important;
    transform:none !important;
    transition:opacity .16s ease !important;
    animation:none !important;
}
body.lh-page-root .server-list a.realm-server::after,
body.lh-page-root .server-list a.realm-new::after,
body.lh-page-root .server-list a.realm-history-entry::after,
body.lh-page-root .server-list a.realm-action::after,
body.lh-page-root #tanchu1 .huifu a::after,
body.lh-page-root #tanchu2 .huifu a::after,
body.lh-page-root #tanchu_truename .huifu a::after,
body.lh-page-root #tanchu1 #buttom::after,
body.lh-page-root #tanchu2 #buttom::after,
body.lh-page-root #tanchu_truename #buttom::after{
    content:"" !important;
    position:absolute !important;
    left:-40% !important;
    right:auto !important;
    top:0 !important;
    bottom:0 !important;
    z-index:-1 !important;
    pointer-events:none !important;
    width:38% !important;
    height:auto !important;
    border-radius:0 !important;
    background-image:none !important;
    background:linear-gradient(90deg,transparent,rgba(255,245,190,.18),transparent) !important;
    box-shadow:none !important;
    opacity:.55 !important;
    transform:skewX(-18deg) translateX(0) !important;
    transition:transform .24s ease, opacity .16s ease !important;
    animation:none !important;
}

/* 账号入口：青蓝色，和服务器按钮区分。 */
body.lh-page-root .server-list a.realm-account-entry{
    border-color:rgba(116,224,238,.42) !important;
    background:linear-gradient(180deg,var(--lh05-entry-1) 0%,var(--lh05-entry-2) 56%,var(--lh05-entry-3) 100%) !important;
    color:#e9feff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 9px rgba(116,224,238,.22) !important;
}
/* 账号安全：紫铜色，和入口、服务器都区分。 */
body.lh-page-root .server-list a.realm-account-security{
    border-color:rgba(196,137,238,.42) !important;
    background:linear-gradient(180deg,var(--lh05-safe-1) 0%,var(--lh05-safe-2) 56%,var(--lh05-safe-3) 100%) !important;
    color:#f4e8ff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 9px rgba(196,137,238,.20) !important;
}
/* 服务器：暗金/暗红，保持玄幻金属感，但不使用图片。 */
body.lh-page-root .server-list a.realm-server,
body.lh-page-root .server-list a.realm-history-entry{
    border-color:rgba(230,182,88,.36) !important;
    background:linear-gradient(180deg,var(--lh05-server-1) 0%,var(--lh05-server-2) 54%,var(--lh05-server-3) 100%) !important;
    color:#fff0bd !important;
}
body.lh-page-root .server-list a.realm-new{
    border-color:rgba(255,226,128,.64) !important;
    background:linear-gradient(180deg,var(--lh05-new-1) 0%,var(--lh05-new-2) 58%,var(--lh05-new-3) 100%) !important;
    color:#231004 !important;
    text-shadow:0 1px 1px rgba(255,247,190,.26) !important;
    box-shadow:
        0 7px 16px rgba(0,0,0,.46),
        0 0 14px rgba(216,169,77,.18),
        inset 0 1px 0 rgba(255,252,209,.28),
        inset 0 -2px 0 rgba(58,22,4,.48) !important;
}

/* 弹窗提交类按钮采用与页面按钮一致的动画与立体层级。 */
body.lh-page-root #tanchu1 .huifu a,
body.lh-page-root #tanchu2 .huifu a,
body.lh-page-root #tanchu_truename .huifu a,
body.lh-page-root #tanchu1 #buttom,
body.lh-page-root #tanchu2 #buttom,
body.lh-page-root #tanchu_truename #buttom,
body.lh-page-root #popup_panel input,
body.lh-page-root #popup_ok,
body.lh-page-root #popup_cancel{
    min-width:118px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:.05em !important;
    border-color:rgba(116,224,238,.42) !important;
    background:linear-gradient(180deg,var(--lh05-entry-1) 0%,var(--lh05-entry-2) 56%,var(--lh05-entry-3) 100%) !important;
    color:#e9feff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 9px rgba(116,224,238,.22) !important;
}
body.lh-page-root #tanchu1 .close a,
body.lh-page-root #tanchu2 .close a,
body.lh-page-root #tanchu_truename .close a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:46px !important;
    height:24px !important;
    padding:0 9px !important;
    border-radius:10px !important;
    border:1px solid rgba(230,182,88,.34) !important;
    background-image:none !important;
    background:linear-gradient(180deg,rgba(63,36,25,.92),rgba(17,9,12,.98)) !important;
    color:#f6ddb0 !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-decoration:none !important;
    text-shadow:0 1px 2px rgba(0,0,0,.95) !important;
    box-shadow:0 4px 10px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,232,157,.10) !important;
    transform:translate3d(0,0,0) scale(1) !important;
    transition:transform .12s cubic-bezier(.2,.9,.2,1),background .16s ease,box-shadow .16s ease !important;
}

/* 统一点击动画：页面按钮和弹窗按钮一致。 */
body.lh-page-root .server-list a.realm-server:hover,
body.lh-page-root .server-list a.realm-new:hover,
body.lh-page-root .server-list a.realm-history-entry:hover,
body.lh-page-root .server-list a.realm-action:hover,
body.lh-page-root #tanchu1 .huifu a:hover,
body.lh-page-root #tanchu2 .huifu a:hover,
body.lh-page-root #tanchu_truename .huifu a:hover,
body.lh-page-root #tanchu1 #buttom:hover,
body.lh-page-root #tanchu2 #buttom:hover,
body.lh-page-root #tanchu_truename #buttom:hover,
body.lh-page-root #popup_panel input:hover,
body.lh-page-root #popup_ok:hover,
body.lh-page-root #popup_cancel:hover{
    filter:brightness(1.08) !important;
    border-color:rgba(255,230,150,.58) !important;
    box-shadow:
        0 8px 18px rgba(0,0,0,.46),
        0 0 14px rgba(233,193,104,.14),
        inset 0 1px 0 rgba(255,239,178,.20),
        inset 0 -2px 0 rgba(0,0,0,.40) !important;
}
body.lh-page-root .server-list a.realm-server:hover::after,
body.lh-page-root .server-list a.realm-new:hover::after,
body.lh-page-root .server-list a.realm-history-entry:hover::after,
body.lh-page-root .server-list a.realm-action:hover::after,
body.lh-page-root #tanchu1 .huifu a:hover::after,
body.lh-page-root #tanchu2 .huifu a:hover::after,
body.lh-page-root #tanchu_truename .huifu a:hover::after,
body.lh-page-root #tanchu1 #buttom:hover::after,
body.lh-page-root #tanchu2 #buttom:hover::after,
body.lh-page-root #tanchu_truename #buttom:hover::after{
    transform:skewX(-18deg) translateX(420%) !important;
}
body.lh-page-root .server-list a.realm-server:active,
body.lh-page-root .server-list a.realm-new:active,
body.lh-page-root .server-list a.realm-history-entry:active,
body.lh-page-root .server-list a.realm-action:active,
body.lh-page-root .server-list a.lh-pressing,
body.lh-page-root #tanchu1 .huifu a:active,
body.lh-page-root #tanchu2 .huifu a:active,
body.lh-page-root #tanchu_truename .huifu a:active,
body.lh-page-root #tanchu1 #buttom:active,
body.lh-page-root #tanchu2 #buttom:active,
body.lh-page-root #tanchu_truename #buttom:active,
body.lh-page-root #tanchu1 .huifu a.lh-pressing,
body.lh-page-root #tanchu2 .huifu a.lh-pressing,
body.lh-page-root #tanchu_truename .huifu a.lh-pressing,
body.lh-page-root #tanchu1 #buttom.lh-pressing,
body.lh-page-root #tanchu2 #buttom.lh-pressing,
body.lh-page-root #tanchu_truename #buttom.lh-pressing,
body.lh-page-root #popup_panel input:active,
body.lh-page-root #popup_ok:active,
body.lh-page-root #popup_cancel:active{
    transform:translate3d(0,1px,0) scale(.985) !important;
    filter:brightness(.88) saturate(.96) !important;
    box-shadow:
        0 3px 8px rgba(0,0,0,.44),
        inset 0 2px 5px rgba(0,0,0,.52),
        inset 0 1px 0 rgba(255,239,178,.06) !important;
}
body.lh-page-root #tanchu1 .close a:hover,
body.lh-page-root #tanchu2 .close a:hover,
body.lh-page-root #tanchu_truename .close a:hover{
    filter:brightness(1.08) !important;
}
body.lh-page-root #tanchu1 .close a:active,
body.lh-page-root #tanchu2 .close a:active,
body.lh-page-root #tanchu_truename .close a:active,
body.lh-page-root #tanchu1 .close a.lh-pressing,
body.lh-page-root #tanchu2 .close a.lh-pressing,
body.lh-page-root #tanchu_truename .close a.lh-pressing{
    transform:translate3d(0,1px,0) scale(.985) !important;
    filter:brightness(.88) !important;
    box-shadow:0 2px 6px rgba(0,0,0,.42),inset 0 2px 5px rgba(0,0,0,.42) !important;
}

@media (max-width:420px){
    body.lh-page-root .realm-scroll-area{
        padding-left:4px !important;
        padding-right:4px !important;
    }
    body.lh-page-root .server-list a.realm-server,
    body.lh-page-root .server-list a.realm-new,
    body.lh-page-root .server-list a.realm-action{
        border-radius:12px !important;
    }
}

/* ======================================================================
   2026-05-23 package 06 final overrides
   - 关闭：普通文字，不使用按钮背景、边框、点击态
   - 星光：覆盖金属边框以内的完整背景区域，从顶部图到页面底部区域
   - 保留 05 的稳定滚动条占位逻辑
   ====================================================================== */
:root{
    --lh06-star-safe-top:clamp(12px, 2.8vh, 28px);
    --lh06-star-safe-side:clamp(14px, 4.0vw, 32px);
    --lh06-star-safe-bottom:clamp(14px, 3.0vh, 32px);
}

/* 星光层扩大：不再局限于内容滚动卡片，覆盖除金属外框外的完整内部背景。 */
body.lh-page-root .floating-stars{
    position:fixed !important;
    top:var(--lh06-star-safe-top) !important;
    right:var(--lh06-star-safe-side) !important;
    bottom:var(--lh06-star-safe-bottom) !important;
    left:var(--lh06-star-safe-side) !important;
    width:auto !important;
    height:auto !important;
    z-index:1 !important;
    display:block !important;
    overflow:hidden !important;
    pointer-events:none !important;
    opacity:1 !important;
    contain:layout paint !important;
}
body.lh-page-root .floating-stars i,
body.lh-page-root .floating-stars .lh-star{
    display:block !important;
    position:absolute !important;
    left:var(--x,50%) !important;
    top:var(--y,50%) !important;
    width:var(--s,3px) !important;
    height:var(--s,3px) !important;
    border-radius:999px !important;
    background:rgba(255,240,190,.98) !important;
    box-shadow:
        0 0 7px rgba(255,230,150,.95),
        0 0 18px rgba(128,83,255,.42),
        0 0 28px rgba(82,216,255,.18) !important;
    animation:lh06StarMove var(--d,10s) ease-in-out infinite !important;
    animation-delay:var(--delay,0s) !important;
    will-change:transform,opacity !important;
}
@keyframes lh06StarMove{
    0%{transform:translate3d(0,0,0) scale(.62);opacity:.10;}
    14%{opacity:.92;}
    44%{transform:translate3d(18px,-30px,0) scale(1.20);opacity:.74;}
    70%{opacity:.48;}
    100%{transform:translate3d(-12px,-64px,0) scale(.60);opacity:.08;}
}

/* 弹窗关闭：只保留文字，不做按钮，不做 hover/active/press 动画。 */
body.lh-page-root #tanchu1 .close,
body.lh-page-root #tanchu2 .close,
body.lh-page-root #tanchu_truename .close{
    display:block !important;
    text-align:right !important;
    line-height:1 !important;
    margin:0 2px 8px 0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
body.lh-page-root #tanchu1 .close em,
body.lh-page-root #tanchu2 .close em,
body.lh-page-root #tanchu_truename .close em{
    display:inline !important;
    font-style:normal !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
}
body.lh-page-root #tanchu1 .close a,
body.lh-page-root #tanchu2 .close a,
body.lh-page-root #tanchu_truename .close a,
body.lh-page-root #tanchu1 .close a:hover,
body.lh-page-root #tanchu2 .close a:hover,
body.lh-page-root #tanchu_truename .close a:hover,
body.lh-page-root #tanchu1 .close a:active,
body.lh-page-root #tanchu2 .close a:active,
body.lh-page-root #tanchu_truename .close a:active,
body.lh-page-root #tanchu1 .close a:focus,
body.lh-page-root #tanchu2 .close a:focus,
body.lh-page-root #tanchu_truename .close a:focus,
body.lh-page-root #tanchu1 .close a.lh-pressing,
body.lh-page-root #tanchu2 .close a.lh-pressing,
body.lh-page-root #tanchu_truename .close a.lh-pressing{
    display:inline !important;
    min-width:0 !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    outline:none !important;
    filter:none !important;
    transform:none !important;
    animation:none !important;
    transition:none !important;
    color:#d9c3a1 !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.55) !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    -webkit-tap-highlight-color:transparent !important;
}
body.lh-page-root #tanchu1 .close a::before,
body.lh-page-root #tanchu2 .close a::before,
body.lh-page-root #tanchu_truename .close a::before,
body.lh-page-root #tanchu1 .close a::after,
body.lh-page-root #tanchu2 .close a::after,
body.lh-page-root #tanchu_truename .close a::after{
    display:none !important;
    content:none !important;
}

/* JSP 源码已删除选区分隔符；这里再兜底隐藏可能由旧缓存残留出来的纯文本分隔符。 */
body.lh-page-root .server-list{
    word-spacing:0 !important;
}

@media (max-width:420px){
    :root{
        --lh06-star-safe-top:10px;
        --lh06-star-safe-side:12px;
        --lh06-star-safe-bottom:12px;
    }
}


/* ================================================================== *
 * 2026-10-25 修复 BUG：绑定邮箱弹窗点不开
 *
 * 原因：本文件里所有弹窗遮罩规则都是把 #tanchu1 / #tanchu2 /
 * #tanchu_truename 逐个枚举的，后加的 #tanchu_bindemail 没被枚举。
 * 于是点「立即绑定邮箱」时，jQuery 的 .show() 只把它变成 display:block
 * 的普通 div，出现在文档最末尾（页面底部之外），玩家看起来就是「没反应」。
 *
 * 下面把这套遮罩规则补给它。
 * ================================================================== */
#tanchu_bindemail{
    position:fixed !important;
    inset:0 !important;
    left:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100vw !important;
    height:calc(var(--lh-vh, 1vh) * 100) !important;
    margin:0 !important;
    padding:16px !important;
    box-sizing:border-box !important;
    z-index:2147483000 !important;
    overflow:hidden !important;
    background:rgba(0,0,5,.955) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
}
#tanchu_bindemail.lh-modal-active,
#tanchu_bindemail[style*="display: flex"],
#tanchu_bindemail[style*="display: block"],
#tanchu_bindemail[style*="display:block"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
}
#pop_bindemail,
#tanchu_bindemail .tcbox{
    position:relative !important;
    display:block !important;
    left:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    float:none !important;
    clear:both !important;
    width:min(392px, calc(100vw - 32px)) !important;
    max-width:calc(100vw - 32px) !important;
    max-height:calc((var(--lh-vh, 1vh) * 100) - 32px) !important;
    margin:0 auto !important;
    padding:56px 18px 22px !important;
    box-sizing:border-box !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    transform:none !important;
    transform-origin:center center !important;
    opacity:1 !important;
    border-radius:22px !important;
    border:1px solid rgba(202,157,67,.58) !important;
    color:#f0e7fb !important;
    background:
        radial-gradient(circle at 50% -10%, rgba(96,55,174,.38), transparent 46%),
        linear-gradient(180deg,#07030e 0%,#000003 100%) !important;
    box-shadow:
        0 28px 88px rgba(0,0,0,.92),
        0 0 0 1px rgba(255,255,255,.045) inset,
        0 0 42px rgba(139,83,229,.24),
        0 0 24px rgba(202,157,67,.12) !important;
}
#tanchu_bindemail .tcbox1,
#tanchu_bindemail .tcbox2{
    width:100% !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
}
#tanchu_bindemail .mbox,
#tanchu_bindemail .huifu{
    width:100% !important;
    float:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}
#tanchu_bindemail .tcbox2 br{display:none !important;}
#tanchu_bindemail .close{
    position:absolute !important;
    top:12px !important;
    right:12px !important;
    left:auto !important;
}

/* 2026-10-25 绑定邮箱弹窗：收紧顶部留白，避免「提交绑定」被裁 */
#pop_bindemail,
#tanchu_bindemail .tcbox{
    padding:48px 18px 18px !important;
    height:auto !important;
    max-height:calc((var(--lh-vh, 1vh) * 100) - 24px) !important;
}
#tanchu_bindemail .tcbox2{
    padding-bottom:2px !important;
}


/* ================================================================== *
 * 2026-10-25 绑定邮箱弹窗「关闭」键
 *
 * 现象：弹窗右上角显示成一个金色圆形「＋」。
 * 原因：
 *   1) qq.jsp 内联的 classifyButtons() 把 .lh-close-btn / .lh-modal-wrap a
 *      统统当功能按钮，套上了 lh-btn-special-v4（金色按钮背景图，实测 54x54）；
 *   2) 本文件通用规则 .close a{transform:rotate(45deg)} 是给「+」字符用的
 *      经典技巧，文字一旦是「×」再旋转 45° 就又变回「+」。
 * 处理：与 #tanchu1/#tanchu2/#tanchu_truename 保持一致 —— 右上角纯文字「关闭」。
 * 选择器带 #id，特异性 (1,x,x) 必然压过 a.lh-btn-special-v4 的 (0,2,3)。
 * ================================================================== */
#tanchu_bindemail .close,
#tanchu_bindemail .close em,
#tanchu_bindemail .close a,
#tanchu_bindemail .close a.lh-close-btn,
#tanchu_bindemail .close a.lh-btn-special-v4,
#tanchu_bindemail .close a.lh-btn-area-v4,
#tanchu_bindemail .close a:hover,
#tanchu_bindemail .close a:active,
#tanchu_bindemail .close a:focus{
    transform:none !important;
    rotate:0deg !important;
    animation:none !important;
    filter:none !important;
    font-style:normal !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
    white-space:nowrap !important;
    letter-spacing:0 !important;
}
#tanchu_bindemail .close{
    position:absolute !important;
    top:12px !important;
    right:16px !important;
    left:auto !important;
    bottom:auto !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    line-height:1 !important;
    text-align:right !important;
    z-index:50 !important;
    pointer-events:auto !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
}
#tanchu_bindemail .close em{
    display:inline !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    pointer-events:auto !important;
}
#tanchu_bindemail .close a,
#tanchu_bindemail .close a.lh-close-btn,
#tanchu_bindemail .close a.lh-btn-special-v4,
#tanchu_bindemail .close a.lh-btn-area-v4,
#tanchu_bindemail .close a:hover,
#tanchu_bindemail .close a:active,
#tanchu_bindemail .close a:focus{
    position:static !important;
    display:inline !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    background:none !important;
    background-image:none !important;
    box-shadow:none !important;
    color:#b9a77d !important;
    -webkit-text-fill-color:#b9a77d !important;
    font-size:14px !important;
    font-weight:400 !important;
    font-family:"Microsoft YaHei", Arial, sans-serif !important;
    line-height:1.2 !important;
    text-indent:0 !important;
    text-decoration:none !important;
    text-shadow:none !important;
    opacity:1 !important;
    -webkit-tap-highlight-color:transparent !important;
}
#tanchu_bindemail .close a::before,
#tanchu_bindemail .close a::after{
    content:none !important;
    display:none !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
}
#tanchu_bindemail .close a:active{
    opacity:.72 !important;
}


/* ================================================================== *
 * 2026-10-25 新 logo 自带描金画框，去掉圆角与内边距
 *
 * 第 2228 行 `.game-logo-img{border-radius:18px; padding:2px}` 是为旧图设的；
 * 第 5228 行只把 border 归零，而 `border` 简写不影响 border-radius，
 * 于是新图四角的纹样会被圆角切掉、四周还多出 2px 透明边。
 * ================================================================== */
.game-logo-img,
body.lh-page-root .realm-hero .game-logo-img,
body.lh-page-root .game-logo-img{
    border-radius:0 !important;
    padding:0 !important;
}
/* ================================================================== *
 * 2026-10-25 绑定邮箱弹窗美化
 *
 * 一、「提交綁定」压在验证码输入框上
 *   实测：.tcbox1 的已用高度只有 220px，但它的子元素实际排到 533px
 *   （4 个 .mbox 全在里面）。于是紧随其后的 .tcbox2 从 443px 就开始，
 *   按钮正好落在验证码输入框上。
 *   原来用 .huifu span{margin-top:60px} 把按钮硬顶下去，属于补丁。
 *
 *   为什么 display:flow-root 不管用：这个弹窗的 .close 是
 *   position:sticky + float:right，老的 .tcbox/.mbox 那套又是
 *   float + 清除浮动混着来的，BFC 算出来的高度和子元素实际位置对不上。
 *   所以这里不跟它算，直接改成 flex 纵向排列 + height:auto 强制按内容撑开。
 *
 * 二、右侧滚动条
 *   卡片 overflow-y:auto 且内容高于视口 => 出条；同时 bindemail() 只做了
 *   .show()，没走 openModal()，页面在后面照样能滚 => 再露一根页面滚动条。
 *   这里：卡片滚动条视觉隐藏（仍可触摸/滚轮滚动），页面滚动在弹窗打开
 *   期间锁死（见 lh_account_20261025.js 末尾 lhBindEmailScrollLock）。
 *
 * 三、排版细节
 *   说明文字行高、输入框垂直节奏、密码 ✓ 提示位置、按钮尺寸，
 *   统一到 #tanchu1 / #tanchu2 那套视觉语言。
 *
 * 注意：验证码那一行 .mbox 自带内联 style="display:flex"，这里**不能**
 * 给 .mbox 加 display，否则内联 flex 被压掉，「獲取驗證碼」会掉到输入框下面。
 * ================================================================== */

/* ---- 1. 让 .tcbox1 真正按内容撑开（flex + height:auto 双保险） ---- */
#tanchu_bindemail .tcbox1{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
}

/* ---- 2. 输入框垂直节奏：间距统一由 .mbox 控制，display 保持原样 ---- */
#tanchu_bindemail .mbox{
    flex:0 0 auto !important;
    margin:0 0 10px !important;
    padding:0 !important;
    height:auto !important;
}
#tanchu_bindemail .tcbox1 > .mbox:last-child{
    margin-bottom:0 !important;
}
#tanchu_bindemail .lh-modal-input{
    margin:0 !important;
    width:100% !important;
    height:44px !important;
    border-radius:14px !important;
}

/* ---- 3. 顶部说明文字 ---- */
#tanchu_bindemail .lh-center-gray{
    flex:0 0 auto !important;
    margin:0 0 14px !important;
    padding:0 4px !important;
    font-size:13px !important;
    line-height:1.7 !important;
    color:#b6abc9 !important;
    letter-spacing:.2px !important;
}

/* ---- 4. 密码提示（✓）：贴近所属输入框，靠右，像即时反馈 ---- */
#tanchu_bindemail .lh-pw-tip{
    flex:0 0 auto !important;
    margin:-4px 0 10px !important;
    padding:0 8px 0 2px !important;
    font-size:12px !important;
    line-height:1.5 !important;
    text-align:right !important;
    min-height:0 !important;
}
#tanchu_bindemail .lh-pw-tip.is-ok{
    color:#7fe3a4 !important;
}
#tanchu_bindemail .lh-pw-tip.is-bad{
    color:#ffbe78 !important;
}

/* ---- 5. 「提交綁定」：与验证码输入框拉开 22px ---- */
#tanchu_bindemail .tcbox2{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:22px 0 0 !important;
    padding:0 !important;
}
#tanchu_bindemail .tcbox2 > br{
    display:none !important;
}
#tanchu_bindemail .tcbox2 .huifu{
    display:flex !important;
    flex:0 0 auto !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}
#tanchu_bindemail .tcbox2 .huifu span{
    display:flex !important;
    justify-content:center !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}
#tanchu_bindemail #buttom,
#tanchu_bindemail .huifu a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:min(220px, 100%) !important;
    min-height:46px !important;
    margin:0 auto !important;
    padding:0 18px !important;
    border-radius:15px !important;
    font-size:15px !important;
    letter-spacing:1px !important;
}

/* ---- 6. 去滚动条：卡片不出条，页面在弹窗打开期间也不出条 ---- */
#tanchu_bindemail .tcbox{
    overflow-y:auto !important;
    overflow-x:hidden !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    overscroll-behavior:contain !important;
}
#tanchu_bindemail .tcbox::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
    display:none !important;
    background:transparent !important;
}
#tanchu_bindemail .tcbox::-webkit-scrollbar-thumb{
    background:transparent !important;
}
html.lh-bindemail-open,
body.lh-bindemail-open{
    overflow:hidden !important;
}

/* ---- 7. 矮屏（横屏 / 小屏 WebView）压缩一档，保证「提交綁定」不被裁 ---- */
@media (max-height: 560px){
    #tanchu_bindemail .tcbox{
        /* 上留 44px + 关闭键上移到 8px：说明文字不能和「關閉」挤在同一行 */
        padding:44px 16px 12px !important;
    }
    #tanchu_bindemail .close{
        top:8px !important;
    }
    #tanchu_bindemail .lh-center-gray{
        margin-bottom:8px !important;
        font-size:12px !important;
        line-height:1.5 !important;
    }
    #tanchu_bindemail .lh-modal-input{
        height:38px !important;
    }
    #tanchu_bindemail .mbox{
        margin-bottom:8px !important;
    }
    #tanchu_bindemail .lh-pw-tip{
        margin:-6px 0 6px !important;
        font-size:11px !important;
    }
    #tanchu_bindemail .tcbox2{
        margin-top:20px !important;
    }
    /* 按钮不要再压扁：金匾是整张背景图，缩到 40px 会变形 */
    #tanchu_bindemail #buttom,
    #tanchu_bindemail .huifu a{
        min-height:46px !important;
    }
}