/* 开服联盟 - 站点样式（冷峻黄黑主题，对齐私服开服行业风格） */
:root{
	--bg:#f5f5f4; --ink:#1a1d20; --muted:#6b7280; --line:#ddd;
	--accent:#c2410c; --accent-bg:#fff7ed; --ok:#15803d; --hot:#dc2626;
	--gold:#f59e0b;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg);color:var(--ink);font:15px/1.6 "Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}

.topbar{background:#fff;border-bottom:2px solid var(--accent);}
.topbar .wrap{display:flex;align-items:center;gap:24px;padding:10px 16px;flex-wrap:wrap;}
.logo{font-size:22px;font-weight:700;color:var(--accent);}
.topbar nav{display:flex;gap:16px;flex-wrap:wrap;}
.topbar nav a{color:var(--ink);font-weight:500;}
.topbar .userbox{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:14px;}
.userbox .credit{color:var(--ok);font-weight:600;}

.wrap{max-width:1100px;margin:0 auto;padding:0 16px;}
main.wrap{padding:20px 16px 40px;min-height:60vh;}

.quicknav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px;}
.btn{display:inline-block;padding:8px 18px;background:#fff;border:1px solid var(--line);border-radius:3px;color:var(--ink);cursor:pointer;font-size:14px;}
.btn:hover{border-color:var(--accent);color:var(--accent);text-decoration:none;}
.btn-hot{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;}
.btn-hot:hover{background:#9a3412;color:#fff;}
.btn-free{background:var(--ok);border-color:var(--ok);color:#fff;}
.btn-free:hover{background:#166534;color:#fff;}
.btn-mini{padding:3px 10px;font-size:13px;border:1px solid var(--line);background:#fff;}

.sec{font-size:17px;border-left:4px solid var(--accent);padding-left:10px;margin:26px 0 12px;}
.sec2{font-size:16px;margin:24px 0 10px;}

.kftable{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--gold);font-size:14px;}
.kftable th,.kftable td{border:1px solid var(--gold);padding:8px 10px;text-align:left;vertical-align:top;}
.kftable th{background:#ebebeb;font-weight:600;}
.kftable tr:hover td{background:#fffbf0;}
.kftable .empty{text-align:center;color:var(--muted);padding:24px;}
.gname a{font-weight:600;color:#111;}
.rec .hot{color:var(--hot);font-weight:700;}
.intro{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px;}

.formbox{background:#fff;border:1px solid var(--line);padding:24px;max-width:680px;}
.formbox h2{margin-bottom:16px;}
.frow{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap;}
.frow label{width:130px;text-align:right;color:var(--muted);flex-shrink:0;}
.frow .req{color:var(--hot);}
.frow input,.frow select,.frow textarea{padding:7px 10px;border:1px solid var(--line);border-radius:3px;font-size:14px;min-width:240px;}
.frow input:focus,.frow select:focus{outline:none;border-color:var(--accent);}
.alert{background:#fef2f2;border:1px solid #fecaca;color:var(--hot);padding:10px 14px;margin-bottom:14px;border-radius:3px;}
.okbox{background:#f0fdf4;border:1px solid #bbf7d0;color:var(--ok);padding:10px 14px;margin-bottom:14px;border-radius:3px;}
.hint{color:var(--muted);font-size:13px;}
.hint-inline{color:var(--muted);font-size:13px;}
.mlink{margin-left:12px;font-size:13px;}
.credit-show b{color:var(--ok);}

.detail{background:#fff;border:1px solid var(--line);padding:28px;}
.detail .gname{font-size:22px;margin-bottom:12px;}
.detail .meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);margin-bottom:20px;font-size:14px;}
.detail .meta b{color:var(--ink);}
.detail .intro-block{background:var(--accent-bg);padding:16px;border-radius:3px;margin-bottom:20px;}
.detail .intro-block h3{font-size:15px;margin-bottom:8px;}
.action-row{display:flex;gap:14px;align-items:center;}
.qq{color:var(--muted);font-size:14px;}

.coop-row{display:flex;gap:12px;flex-wrap:wrap;}
.coop-item{background:#fff;border:1px solid var(--line);padding:10px 20px;}
.coop-item:hover{border-color:var(--accent);}

.st{padding:2px 8px;border-radius:2px;font-size:13px;}
.st-active{background:#dcfce7;color:var(--ok);}
.st-expired{background:#f3f4f6;color:var(--muted);}
.st-pending{background:#fef9c3;color:#a16207;}
.st-rejected{background:#fee2e2;color:var(--hot);}
.mono{font-family:Consolas,monospace;font-size:13px;}

.foot{border-top:1px solid var(--line);padding:20px 0;margin-top:40px;color:var(--faint,#9ca3af);font-size:13px;text-align:center;}

/* ===== 管理后台选项卡 ===== */
.admtabs{display:flex;gap:4px;flex-wrap:wrap;margin:18px 0 16px;border-bottom:2px solid var(--line);}
.admtabs a{padding:9px 18px;color:var(--ink);font-weight:500;border:1px solid transparent;border-bottom:none;border-radius:4px 4px 0 0;position:relative;top:2px;}
.admtabs a:hover{text-decoration:none;color:var(--accent);}
.admtabs a.on{background:#fff;border-color:var(--line);border-bottom:2px solid #fff;color:var(--accent);font-weight:700;}
.admtabs .bdg{display:inline-block;min-width:18px;padding:0 5px;margin-left:6px;background:var(--hot);color:#fff;border-radius:9px;font-size:12px;line-height:18px;text-align:center;font-weight:700;}

@media(max-width:640px){
	.frow{flex-direction:column;align-items:flex-start;}
	.frow label{width:auto;text-align:left;}
	.frow input,.frow select{width:100%;}
	.kftable{font-size:13px;}
	.kftable th,.kftable td{padding:6px;}
	.detail{padding:16px;}
}