*{margin:0;padding:0}
html{
    --mh-bg:#f8f5ef;
    --mh-glow:rgba(255,253,248,.9);
    --mh-muted:#7c8781;
    --mh-border:rgba(45,66,58,.08);
    --mh-hero-fade:rgba(248,245,239,0);
    --mh-hero-fade-mid:rgba(248,245,239,.85);
    background:var(--mh-bg);
}
body{
    background:var(--mh-bg);
    font-size:13px;
    font-family:"宋体",Arial,sans-serif;
    color:#2a2f2c;
    min-height:100%;
}
.mh-scheme-night{
    --mh-bg:#0c1512;
    --mh-glow:rgba(52,120,105,.28);
    --mh-muted:#a6bab3;
    --mh-border:rgba(255,255,255,.10);
    --mh-hero-fade:rgba(12,21,18,0);
    --mh-hero-fade-mid:rgba(12,21,18,.85);
}
.mh-scheme-obsidian{
    --mh-bg:#14100a;
    --mh-glow:rgba(184,140,74,.24);
    --mh-muted:#c0b195;
    --mh-border:rgba(255,255,255,.10);
    --mh-hero-fade:rgba(20,16,10,0);
    --mh-hero-fade-mid:rgba(20,16,10,.85);
}
.mh-scheme-cloud{
    --mh-bg:#f8f5ef;
    --mh-glow:rgba(255,253,248,.9);
    --mh-muted:#7c8781;
    --mh-border:rgba(45,66,58,.08);
    --mh-hero-fade:rgba(248,245,239,0);
    --mh-hero-fade-mid:rgba(248,245,239,.85);
}
.mh-scheme-moon{
    --mh-bg:#f5f3fa;
    --mh-glow:rgba(255,255,255,.95);
    --mh-muted:#837e96;
    --mh-border:rgba(90,80,130,.10);
    --mh-hero-fade:rgba(245,243,250,0);
    --mh-hero-fade-mid:rgba(245,243,250,.85);
}
body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:radial-gradient(ellipse at 50% 0%,var(--mh-glow),transparent 55%);
}
.mh-particles{position:fixed;inset:0;z-index:0;display:block;width:100%;height:100%;pointer-events:none}
.top,.dlbox,.wrap,.footer{position:relative;z-index:1}
a{color:#2a2f2c}

.top{
    width:var(--mh-hero-w,1200px);
    max-width:100%;
    height:var(--mh-hero-h,250px);
    margin:0 auto;
    box-sizing:border-box;
    overflow:hidden;
}
.mh-hero-visual{
    position:absolute;
    inset:0;
    z-index:0;
    background-size:cover;
    background-position:center 30%;
    background-repeat:no-repeat;
}
.mh-hero-visual picture{display:block;width:100%;height:100%}
.mh-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.mh-hero{display:flex;align-items:center;justify-content:center}
.mh-hero-glow{position:absolute;border-radius:50%;filter:blur(42px);z-index:1;pointer-events:none}
.mh-hero-glow.g1{width:280px;height:280px;left:-60px;top:-90px;background:radial-gradient(circle,rgba(249,214,160,.52),transparent 65%)}
.mh-hero-glow.g2{width:240px;height:240px;right:-50px;bottom:-90px;background:radial-gradient(circle,rgba(155,196,180,.42),transparent 65%)}
.mh-hero-inner{
    position:relative;
    z-index:2;
    width:1200px;
    max-width:100%;
    height:100%;
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
    padding:0 42px;
    animation:mhFadeUp .85s cubic-bezier(.2,.7,.2,1) both;
}
.mh-brand{display:none}
.mh-brand-logo{
    width:72px;
    height:72px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:"STKaiti","KaiTi",serif;
    font-size:36px;
    font-weight:700;
    color:#fff8ea;
    background:linear-gradient(145deg,#2c6f60,#1d5146 70%);
    border:1px solid rgba(255,255,255,.55);
    box-shadow:0 12px 26px rgba(29,81,70,.28),inset 0 1px 0 rgba(255,255,255,.35);
    animation:mhSealPulse 5s ease-in-out infinite;
}
.mh-brand-eyebrow{
    display:block;
    font-style:normal;
    font-size:12px;
    letter-spacing:5px;
    color:#a8844e;
    margin-bottom:8px;
    font-family:"Microsoft YaHei",Arial,sans-serif;
}
.mh-brand-text h1{
    margin:0;
    font-family:"Microsoft YaHei",Arial,sans-serif;
    font-size:40px;
    font-weight:700;
    letter-spacing:5px;
    line-height:1.12;
    color:#1c2a26;
    text-shadow:0 1px 0 rgba(255,255,255,.6);
}
.mh-brand-text h1 span{
    margin-left:8px;
    background:linear-gradient(92deg,#8c5f2a,#c49a55,#8c5f2a);
    background-size:220% 100%;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:mhGoldFlow 7s linear infinite;
}
.mh-brand-text p{margin:10px 0 0;color:#5f6b66;font-size:14px;letter-spacing:2px}
.mh-hero-actions{display:flex;gap:12px;align-items:center;animation:mhFadeUp .85s cubic-bezier(.2,.7,.2,1) .16s both}
.mh-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:42px;
    padding:0 24px;
    border-radius:21px;
    font-size:13px;
    font-family:"Microsoft YaHei",Arial,sans-serif;
    text-decoration:none;
    letter-spacing:1px;
    transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.mh-btn-primary{color:#fff;font-weight:600;background:linear-gradient(135deg,#2c6f60,#1d5146);box-shadow:0 10px 24px rgba(29,81,70,.24)}
.mh-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(29,81,70,.32)}
.mh-btn-arrow{transition:transform .25s ease}
.mh-btn-primary:hover .mh-btn-arrow{transform:translateX(3px)}
.mh-btn-ghost{color:#1d5146;border:1px solid rgba(29,81,70,.22);background:#fff;box-shadow:0 6px 18px rgba(45,66,58,.12)}
.mh-btn-ghost:hover{transform:translateY(-2px);background:#fff;box-shadow:0 12px 26px rgba(45,66,58,.12)}
.mh-hero-line{
    position:absolute;
    left:50%;
    bottom:6px;
    width:180px;
    height:2px;
    transform:translateX(-50%);
    z-index:2;
    background:linear-gradient(90deg,transparent,#c9a063,transparent);
    animation:mhLinePulse 4s ease-in-out infinite;
}
.mh-spark{
    position:absolute;
    width:4px;
    height:4px;
    border-radius:50%;
    background:rgba(201,160,99,.65);
    box-shadow:0 0 10px 2px rgba(201,160,99,.25);
    opacity:0;
    animation:mhSpark 8s ease-in-out infinite;
    z-index:1;
}
.mh-spark.s1{left:16%;bottom:22%;animation-delay:.5s}
.mh-spark.s2{left:38%;bottom:42%;animation-delay:2.2s}
.mh-spark.s3{left:58%;bottom:16%;animation-delay:4s}
.mh-spark.s4{left:76%;bottom:36%;animation-delay:1.4s}
.mh-spark.s5{left:90%;bottom:20%;animation-delay:3.2s}
@keyframes mhFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes mhSealPulse{
    0%,100%{box-shadow:0 12px 26px rgba(29,81,70,.24),inset 0 1px 0 rgba(255,255,255,.35)}
    50%{box-shadow:0 16px 34px rgba(29,81,70,.34),inset 0 1px 0 rgba(255,255,255,.5)}
}
@keyframes mhGoldFlow{0%{background-position:0% 50%}100%{background-position:220% 50%}}
@keyframes mhLinePulse{
    0%,100%{opacity:.45;transform:translateX(-50%) scaleX(.8)}
    50%{opacity:.9;transform:translateX(-50%) scaleX(1)}
}
@keyframes mhSpark{
    0%{opacity:0;transform:translateY(10px) scale(.6)}
    25%{opacity:.9}
    70%{opacity:.45}
    100%{opacity:0;transform:translateY(-46px) scale(1.1)}
}

.dlbox{width:1200px;margin:12px auto 0;overflow:visible}
.mh-ad-slot{
    width:100%;
    height:90px;
    margin:0 auto 10px;
    box-sizing:border-box;
    border-radius:12px;
    overflow:hidden;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(45,66,58,.08);
    box-shadow:0 8px 24px rgba(45,66,58,.05);
    display:flex;
    align-items:center;
    justify-content:center;
}
.mh-ad-slot a{display:block;width:100%;height:100%}
.mh-ad-slot img{display:block;width:100%;height:100%;object-fit:cover}
.mh-notice{
    width:100%;
    height:30px;
    margin:0 auto 10px;
    box-sizing:border-box;
    border-radius:12px;
    overflow:hidden;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(45,66,58,.08);
    box-shadow:0 8px 24px rgba(45,66,58,.05);
    padding:0 16px;
    line-height:28px;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-family:"Microsoft YaHei",Arial,sans-serif;
}
.mh-ad-slot.is-empty{
    background:repeating-linear-gradient(45deg,rgba(45,66,58,.035) 0 12px,transparent 12px 24px),rgba(255,255,255,.65);
    border-style:dashed;
    color:#9aa5a0;
    font-size:12px;
    letter-spacing:2px;
    font-family:"Microsoft YaHei",Arial,sans-serif;
}
@media(prefers-reduced-motion:reduce){
    .mh-hero-inner,.mh-brand,.mh-hero-actions,.mh-brand-logo,.mh-btn,.mh-hero-line,.mh-spark,.mh-brand-text h1 span,.mh-hero-visual{animation:none!important}
}

.mh-intro{
    width:1200px;
    margin:10px auto 0;
    background:#fff;
    border:1px solid rgba(45,66,58,.08);
    border-radius:12px;
    overflow-x:auto;
    box-shadow:0 8px 24px rgba(45,66,58,.05);
}
.mh-intro table{width:100%;border-collapse:collapse}
.mh-intro td{
    border:1px solid rgba(45,66,58,.06);
    padding:7px 8px;
    text-align:center;
    white-space:nowrap;
    font-size:13px;
}
.mh-intro a{color:#2c6f60;text-decoration:none}

.wrap{width:1200px;overflow:hidden;margin:0 auto}
table.gamelist{border-collapse:collapse;table-layout:fixed;width:100%}
table.gamelist th{
    height:30px;
    line-height:30px;
    border:1px solid #7B68EE;
    background-color:#0066FF;
    color:#FFFFFF;
    font-family:"微软雅黑";
    font-size:14px;
    text-align:center;
}
table.gamelist td{
    height:26px;
    line-height:25px;
    border:1px solid #7B68EE;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    text-align:center;
}
table.gamelist td a{text-decoration:none;color:#000000}
table.gamelist td.r{color:#ff0000;text-align:center}
table.gamelist td.lf{text-align:left;padding-left:3px}
table.gamelist td img{vertical-align:middle;margin-right:2px}
table.gamelist td img.mh-name-icon{max-height:18px;max-width:28px;width:auto;vertical-align:middle;margin:0 4px 0 0}
table.gamelist td img.mh-marker-icon{max-height:18px;max-width:90px;width:auto;vertical-align:middle;margin:0 0 0 3px}

table.gamelist tr.th{background:#FFFFFF}
table.gamelist tr.th:hover{background:#FFFF00}
table.gamelist tr.qtth{background:#FFFF00}
table.gamelist tr.qtth:hover{background:#FFFFFF}
table.gamelist tr.jp{background:#FFD6D6}
table.gamelist tr.jp:hover{background:#FFFF00}
table.gamelist tr.gd{background:#D6FF52}
table.gamelist tr.gd:hover{background:#FFFFFF}
table.gamelist tr.tx{background:#FFCCFF}
table.gamelist tr.tx:hover{background:#FFFF00}

/* 服务器名流光：后台按分组选择，留空=不启用 */
.mh-name-text{display:inline}
.mh-glow-gold{color:#8a5a00}
.mh-glow-aurora{color:#1e3a8a}
.mh-glow-neon{color:#b3005e}
.mh-glow-rainbow{color:#7a1f6b}
.mh-glow-silver{color:#37474f}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
    .mh-glow-gold,.mh-glow-aurora,.mh-glow-neon,.mh-glow-rainbow,.mh-glow-silver{
        background-repeat:repeat;
        background-size:200% 100%;
        -webkit-background-clip:text;
        background-clip:text;
        -webkit-text-fill-color:transparent;
        animation-timing-function:linear;
        animation-iteration-count:infinite;
    }
    .mh-glow-gold{
        background-image:linear-gradient(100deg,#5d3a00 0%,#a86b00 22%,#ffc107 42%,#ffb300 50%,#ffc107 58%,#a86b00 78%,#5d3a00 100%);
        animation-name:mh-glow-sweep;
        animation-duration:3.2s;
    }
    .mh-glow-aurora{
        background-image:linear-gradient(100deg,#1e3a8a 0%,#2f6fed 25%,#7c3aed 45%,#06b6d4 60%,#7c3aed 78%,#1e3a8a 100%);
        animation-name:mh-glow-sweep;
        animation-duration:4.6s;
    }
    .mh-glow-neon{
        background-image:linear-gradient(100deg,#b3005e 0%,#ff2d95 28%,#ff5ec4 50%,#00e5ff 72%,#b3005e 100%);
        animation-name:mh-glow-pulse;
        animation-duration:2.8s;
        text-shadow:0 0 5px rgba(255,45,149,.35);
    }
    .mh-glow-rainbow{
        background-image:linear-gradient(100deg,#8e0000 0%,#c2410c 18%,#d97706 34%,#15803d 50%,#1d4ed8 66%,#6b21a8 82%,#8e0000 100%);
        animation-name:mh-glow-sweep;
        animation-duration:6s;
    }
    .mh-glow-silver{
        background-image:linear-gradient(100deg,#263238 0%,#546e7a 24%,#90a4ae 42%,#b0bec5 50%,#90a4ae 58%,#546e7a 76%,#263238 100%);
        animation-name:mh-glow-sweep;
        animation-duration:3.8s;
    }
}
@keyframes mh-glow-sweep{
    0%{background-position:0% 50%}
    100%{background-position:200% 50%}
}
@keyframes mh-glow-pulse{
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@media (prefers-reduced-motion:reduce){
    .mh-name-text{animation:none!important}
}

.mh-empty{color:#999;padding:20px 0}

.footer{
    width:1170px;
    line-height:190%;
    text-align:center;
    padding:22px 15px 34px;
    overflow:hidden;
    background:transparent;
    margin:18px auto 0;
    color:var(--mh-muted);
    font-size:12px;
    border-top:1px solid var(--mh-border);
}
.footer a{color:var(--mh-muted)}

@media(max-width:1240px){
    .top,.dlbox,.mh-notice,.mh-ad-slot,.mh-intro,.wrap,.footer{width:100%;max-width:1200px}
    .top{height:auto;min-height:var(--mh-hero-h,250px);padding:24px 16px}
    .mh-hero-inner{width:100%;height:auto;padding:20px;gap:14px;border-radius:16px;box-sizing:border-box;background:rgba(255,255,255,.82)}
    .mh-brand-logo{width:52px;height:52px;font-size:26px;border-radius:14px}
    .mh-brand-text h1{font-size:25px;letter-spacing:2px}
    .mh-brand-eyebrow{letter-spacing:2px}
    .mh-brand-text p{letter-spacing:1px}
    .mh-hero-actions{width:auto;justify-content:flex-end}
    .dlbox{padding:0 10px;box-sizing:border-box}
    .mh-ad-slot{height:auto;aspect-ratio:1200 / 90}
    .mh-ad-slot img{width:100%;height:100%}
    .wrap{overflow-x:auto}
    table.gamelist{min-width:1100px}
}