/* ============================================
   style.css - 非仙勿扰 WML 风格
   ============================================ */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    background: #0a0a12;
    color: #c8d6e5;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 15px;
    line-height: 1.8;
}
.container { max-width: 520px; margin: 0 auto; min-height: 100vh; }
.top-bar {
    background: #1a1030;
    border-bottom: 2px solid #4a3a8a;
    padding: 8px 12px;
    font-size: 13px;
    display: flex; justify-content: space-between; flex-wrap: wrap;
}
.top-bar a { color: #a0c4ff; text-decoration: none; }
.top-bar .right { color: #888; }
.main { padding: 12px; }

a { color: #6cb4ee; text-decoration: none; }
a:hover { color: #ffd700; text-decoration: underline; }

.card {
    background: #111828;
    border: 1px solid #2a3a5a;
    border-radius: 4px;
    padding: 10px 14px;
    margin-bottom: 10px;
}

.nav-links {
    display: flex; flex-wrap: wrap; gap: 3px;
    margin: 6px 0;
}
.nav-links a, .btn {
    display: inline-block;
    background: #1e2a40;
    color: #8ec8ff;
    padding: 4px 10px;
    border: 1px solid #3a4a6a;
    border-radius: 3px;
    text-decoration: none;
    font-size: 14px;
}
.nav-links a:hover, .btn:hover {
    background: #2e3a60;
    color: #ffd700;
    text-decoration: none;
}
.btn-primary { background: #4a2a6a; border-color: #7a4aaa; color: #e0c0ff; }
.btn-danger { background: #6a2020; border-color: #a04040; color: #ffb0b0; }

.stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3px 10px; font-size: 14px; }
.stat-grid .label { color: #789; }
.stat-grid .val { color: #ffd700; }
.stat-grid .val.exp { color: #6c6; }

input, select {
    background: #1a2030; color: #c8d6e5;
    border: 1px solid #3a4a6a; padding: 6px 10px;
    border-radius: 3px; font-size: 14px; width: 100%; margin: 4px 0;
}
input[type="submit"] {
    background: #4a2a6a; border-color: #7a4aaa; cursor: pointer; color: #e0c0ff;
    width: auto; padding: 6px 20px;
}
input[type="submit"]:hover { background: #5a3a7a; }

.pipe { color: #4a5a6a; }

.log {
    font-size: 13px; color: #8a8;
    border-left: 2px solid #3a4a30; padding-left: 8px; margin: 4px 0;
}

/* 品质色 */
.r1 { color: #999; } .r2 { color: #4a4; } .r3 { color: #44f; }
.r4 { color: #a4f; } .r5 { color: #fa0; } .r6 { color: #f44; }

/* 进度条 */
.progress-wrap { background: #1a2a30; border-radius: 3px; height: 16px; margin: 3px 0; overflow: hidden; }
.progress-bar { background: linear-gradient(90deg, #2a6a, #4a8); height: 100%; border-radius: 3px; transition: width .3s; }

.msg-ok { color: #6c6; } .msg-err { color: #f66; } .msg-warn { color: #fa0; }