/* 小草工具箱 —— 鉴权/统计/门禁 相关样式（与 style.css 互补） */

/* 页头右侧：在线人数 + 登录区 */
.site-header-inner {
    align-items: center;
}
.header-right {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 14px;
}
.online-tip {
    font-size: 13px;
    color: #5b6b7b;
    background: rgba(255, 255, 255, 0.6);
    padding: 4px 10px;
    border-radius: 20px;
    white-space: nowrap;
}
.online-tip b { color: #e84d4d; }
.auth-area {
    display: flex;
    align-items: center;
    gap: 10px;
}
.auth-link {
    font-size: 14px;
    color: #055076;
    text-decoration: none;
    padding: 5px 12px;
    border: 1px solid #cfe3f2;
    border-radius: 6px;
    transition: all .15s;
}
.auth-link:hover {
    background: #055076;
    color: #fff;
    border-color: #055076;
}
.auth-user {
    font-size: 14px;
    color: #333;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.auth-user .vip { color: #f5b301; }

/* Toast 提示 */
.xc-toast {
    position: fixed;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%) translateY(20px);
    background: rgba(30, 41, 59, 0.92);
    color: #fff;
    padding: 11px 22px;
    border-radius: 8px;
    font-size: 14px;
    z-index: 2147483000;
    opacity: 0;
    transition: all .3s;
    pointer-events: none;
    max-width: 80vw;
    text-align: center;
}
.xc-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.xc-toast.error { background: #dc2626; }
.xc-toast.success { background: rgba(22, 163, 74, 0.95); }
/* 顶部弹出变体（红底白字由 error/success 类型决定） */
.xc-toast.top {
    top: 20px;
    bottom: auto;
    transform: translateX(-50%) translateY(-20px);
}
.xc-toast.top.show { transform: translateX(-50%) translateY(0); }

/* VIP 门禁 */
.vip-gate {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 16px;
}
.vip-gate-box {
    text-align: center;
    background: #fff;
    border: 1px solid #f0e3b8;
    border-radius: 16px;
    padding: 48px 56px;
    box-shadow: 0 12px 40px rgba(245, 179, 1, 0.15);
    max-width: 460px;
}
.vip-gate-box > i {
    font-size: 56px;
    color: #f5b301;
    margin-bottom: 12px;
}
.vip-gate-box h2 { margin: 8px 0; color: #333; font-size: 22px; }
.vip-gate-box p { color: #6b7280; margin: 6px 0 24px; }
.vip-btn {
    display: inline-block;
    background: linear-gradient(135deg, #f5b301, #e08e00);
    color: #fff;
    text-decoration: none;
    padding: 12px 28px;
    border-radius: 8px;
    font-size: 15px;
    margin: 6px;
    transition: transform .15s;
}
.vip-btn:hover { transform: translateY(-2px); }
.vip-btn.ghost {
    background: #fff;
    color: #055076;
    border: 1px solid #cfe3f2;
}

/* 工具卡片 VIP 角标 */
.tool-card[data-role="vip"] .tool-card-icon::after {
    content: "\f521";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 6px;
    right: 6px;
    color: #f5b301;
    font-size: 14px;
}
.tool-card { position: relative; }