@charset "UTF-8";

    /* ===== 「我的」页：对齐首页的青碧卡片风 ===== */
    .pf-wrap{ width:min(560px,100%); margin:0 auto; padding:16px 14px 0; box-sizing:border-box; display:flex; flex-direction:column; gap:14px; }
    /* 身份卡：沿用首页 hero 的渐变与圆角 */
    .pf-hero{ position:relative; overflow:hidden; border-radius:22px; padding:18px 18px; display:flex; align-items:center; gap:14px; background:linear-gradient(135deg,#0f766e 0%,#0d9488 46%,#14b8a6 100%); color:#fff; box-shadow:0 16px 34px rgba(13,148,136,.28); }
    .pf-hero:after{ content:''; position:absolute; right:-34px; top:-34px; width:150px; height:150px; border-radius:50%; background:rgba(255,255,255,.10); }
    .pf-ava{ position:relative; z-index:1; width:62px; height:62px; border-radius:50%; object-fit:cover; display:block; flex:0 0 auto; background:#fff; border:3px solid rgba(255,255,255,.85); }
    .pf-hero-txt{ position:relative; z-index:1; min-width:0; flex:1; }
    .pf-name{ font-size:19px; font-weight:900; line-height:1.25; letter-spacing:.3px; word-break:break-word; }
    .pf-remain{ margin-top:7px; display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:800; color:rgba(255,255,255,.88); letter-spacing:.2px; }
    .pf-remain:before{ content:''; width:6px; height:6px; border-radius:50%; background:#5eead4; box-shadow:0 0 0 3px rgba(94,234,212,.22); flex:0 0 auto; }
    /* 分组卡 + 行 */
    .pf-card{ background:#fff; border-radius:20px; box-shadow:0 10px 26px rgba(2,6,23,.07); overflow:hidden; }
    .pf-card-t{ padding:14px 16px 2px; font-size:11.5px; font-weight:900; letter-spacing:1.2px; color:#94a3b8; }
    .pf-row{ display:flex; align-items:center; gap:12px; width:100%; box-sizing:border-box; padding:12px 16px; border:0; background:transparent; font:inherit; color:inherit; text-align:left; text-decoration:none; cursor:pointer; transition:background .15s ease; }
    .pf-row:active{ background:#f1f5f9; }
    .pf-row + .pf-row{ border-top:1px solid #f1f5f9; }
    .pf-ico{ width:38px; height:38px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; font-size:15px; flex:0 0 auto; }
    .pf-ico.i-red{ background:rgba(244,63,94,.12); color:#e11d48; }
    .pf-ico.i-teal{ background:rgba(20,184,166,.14); color:#0d9488; }
    .pf-ico.i-gray{ background:rgba(71,85,105,.13); color:#334155; }
    .pf-row-t{ flex:1; min-width:0; font-size:14.5px; font-weight:800; color:#0f172a; letter-spacing:.2px; }
    .pf-count{ flex:0 0 auto; min-width:22px; height:22px; padding:0 7px; border-radius:999px; background:#f1f5f9; color:#64748b; font-size:11px; font-weight:900; display:inline-flex; align-items:center; justify-content:center; }
    .pf-count[hidden]{ display:none; }
    .pf-arrow{ flex:0 0 auto; font-size:14px; color:#cbd5e1; }
    /* 「首页显示」的切换按钮已删除：首页固定为客服台，样式不再需要（2026-10-14） */
    /* 已拉黑弹窗 */
    .pf-mask{ position:fixed; inset:0; z-index:4200; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(15,23,42,.42); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
    .pf-mask[hidden]{ display:none !important; }
    .pf-mask-card{ width:min(430px,100%); max-height:min(78vh,620px); display:flex; flex-direction:column; overflow:hidden; border-radius:18px; background:#fff; box-shadow:0 18px 44px rgba(15,23,42,.24); }
    .pf-mask-hd{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px; border-bottom:1px solid #f1f5f9; }
    .pf-mask-t{ font-size:15.5px; font-weight:900; color:#0f172a; }
    .pf-mask-x{ width:30px; height:30px; border-radius:999px; border:1px solid #e2e8f0; background:#fff; color:#64748b; font-size:12px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; }
    .pf-mask-x:active{ background:#f1f5f9; }
    .pf-mask-bd{ padding:12px 14px 14px; overflow:auto; background:#f8fafc; display:flex; flex-direction:column; gap:8px; }
    .pf-bl{ display:flex; align-items:center; gap:10px; padding:11px 12px; border-radius:12px; background:#fff; border:1px solid #e8eef5; }
    .pf-bl-main{ flex:1; min-width:0; }
    .pf-bl-ip{ font-size:14px; font-weight:900; color:#0f172a; line-height:1.3; word-break:break-all; }
    .pf-bl-meta{ margin-top:4px; font-size:11px; color:#94a3b8; line-height:1.35; word-break:break-word; }
    .pf-bl-btn{ flex:0 0 auto; height:30px; padding:0 12px; border-radius:999px; border:1px solid #fbd5d9; background:#fff; color:#e11d48; font-family:inherit; font-size:12px; font-weight:900; cursor:pointer; }
    .pf-bl-btn:active{ background:#fff1f2; }
    .pf-bl-btn[data-armed="1"]{ background:#e11d48; border-color:#e11d48; color:#fff; }
    .pf-bl-btn:disabled{ opacity:.5; cursor:default; }
    .pf-bl-empty{ padding:26px 10px; text-align:center; color:#94a3b8; font-size:13px; font-weight:700; }
    .pf-toast{ position:fixed; left:50%; bottom:110px; transform:translateX(-50%); z-index:99999; display:none; max-width:86vw; padding:10px 14px; border-radius:10px; background:rgba(17,24,39,.92); color:#fff; font-size:12.5px; font-weight:600; }
    .pf-toast.show{ display:block; }
    @media (max-width:380px){
        .pf-wrap{ padding:12px 12px 0; }
        .pf-name{ font-size:17.5px; }
        .pf-ava{ width:56px; height:56px; }
    }