/* =========================================================
    Minecraft 怀旧服主题全局 CSS (兼容 iOS 6 & MDUI 1.x)
   ========================================================= */

/* --- 全局滚动条美化 --- */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #222; }
::-webkit-scrollbar-thumb { background: #483527; border: 2px solid #000; }

/* --- 基础布局 (实现底部 Footer 始终贴底的关键) --- */
html {
    height: 100%; /* 让网页基础高度撑满整个屏幕 */
}

body {
    background: #3c3c3c url('/static/image/icon.jpg') repeat;
    background-size: 64px;
    image-rendering: pixelated;
    color: #ffffff;
    font-family: "Minecraft", "Segoe UI", "Microsoft YaHei", sans-serif;
    margin: 0;

    /* 顶部导航和底部版权的预留空间 */
    padding-top: 56px;
    padding-bottom: 120px; /* 必须大于或等于下面 footer 的高度，防止重叠 */
    position: relative;
    min-height: 100%;
    box-sizing: border-box;
}

/* --- 经典 MC 棕色按钮 --- */
.mc-btn-brown {
    display: inline-block;
    background-color: #483527;
    padding: 12px 30px;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 18px;
    border: 3px solid #000;
    box-shadow: inset 3px 3px 0px #70523c, inset -3px -3px 0px #2a1e16;
    margin: 8px;
    text-shadow: 2px 2px 0px #000;
    cursor: pointer;
    box-sizing: border-box;
    vertical-align: middle;
}

.mc-btn-brown .mdui-icon {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}

.mc-btn-brown:hover {
    background-color: #5d4432;
    box-shadow: inset 3px 3px 0px #8a664b, inset -3px -3px 0px #35261c;
}

.mc-btn-brown:active {
    box-shadow: inset -3px -3px 0px #70523c, inset 3px 3px 0px #2a1e16;
}

.btn-group { text-align: center; }

@media (max-width: 768px) {
    .mc-btn-brown { width: 100%; margin: 8px 0; display: block; }
}

/* --- MC GUI 灰色卡片美化 --- */
.mc-card {
    background-color: #c6c6c6;
    border: 4px solid #000;
    box-shadow: inset 4px 4px 0px #ffffff,
    inset -4px -4px 0px #555555,
    0 8px 15px rgba(0,0,0,0.4);
    color: #333;
    padding: 25px;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.mc-card h3 {
    border-bottom: 3px solid #555;
    padding-bottom: 12px;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: bold;
    color: #000;
    font-size: 24px;
}

.mc-card h3 .mdui-icon {
    color: #000;
    font-size: 26px;
    vertical-align: bottom;
}

/* --- 小组件 --- */
.info-item {
    background: rgba(0,0,0,0.05);
    padding: 10px;
    border-left: 4px solid #483527;
    margin-bottom: 10px;
    word-wrap: break-word;
}

code { background: #444; color: #ffff55; padding: 3px 8px; font-family: monospace; }

.mc-hr { border: 0; border-top: 2px solid #999; border-bottom: 2px solid #fff; margin: 20px 0; }