/* 容器：强制固定在左下角 */
.pipi-float-wrapper {
    position: fixed !important; /* 强制固定 */
    left: 10px;                 /* 靠左 */
    bottom: 30px;               /* 靠下 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* 磨砂面板 - 保持你的原有设计 */
.pipi-glass-card {
    display: none;
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 250px;
    background: rgba(255, 255, 255, 0.85); 
    backdrop-filter: blur(12px); 
    -webkit-backdrop-filter: blur(12px); 
    border: 1px solid #f6c23e;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    overflow: hidden;
    animation: pipiPopup 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes pipiPopup {
    from { opacity: 0; transform: scale(0.8) translateY(20px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

/* 面板内部样式保持不变 */
.pipi-card-header { padding: 10px; background: rgba(255, 255, 255, 0.3); display: flex; align-items: center; font-weight: bold; color: #333; border-bottom: 1px solid rgba(0,0,0,0.05); }
.pipi-card-body { padding: 10px; }
.highlight { color: #ff4d4f; font-weight: bold; margin-bottom: 5px; }
.body-content p { font-size: 13px; color: #444; margin: 4px 0; }
.pipi-url { margin-top: 10px; font-size: 12px; color: #999; text-align: center; }

.pipi-btn-gradient {
    display: block; margin: 5px 15px 15px; padding: 10px; background: linear-gradient(135deg, #ff4d4f, #ff7875);
    color: #fff !important; text-decoration: none; text-align: center; border-radius: 12px; font-size: 13px; font-weight: bold;
}

/* 关键：修复按钮看不见的问题 */
.pipi-float-btn {
    display: flex !important; /* 强制显示 */
    align-items: center;
    padding: 15px 15px;
    background: #ffffff;
    border: 2px solid #f6c23e; /* 强化边框，防止在白底背景下看不见 */
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(246, 194, 62, 0.5);
    cursor: pointer;
    transition: 0.3s;
    min-width: 100px; /* 给出最小宽度 */
}

.pipi-badge-dot {
    display: block; width: 10px; height: 10px; background: #ff4d4f; border-radius: 50%;
    position: relative; margin-right: 10px;
}
.pipi-badge-dot::after {
    content: ""; position: absolute; width: 100%; height: 100%; top:0; left:0;
    background: #ff4d4f; border-radius: 50%; animation: blink 1.5s infinite;
}
@keyframes blink { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(2.5); opacity: 0; } }

.pipi-btn-text { display: flex; flex-direction: column; text-align: left; }
.pipi-btn-main { font-size: 12px; font-weight: bold; color: #333; }
.pipi-btn-sub { font-size: 10px; color: #999; }
.pipi-close { cursor: pointer; font-size: 22px; color: #999; line-height: 1; }