/* ====== 查手机 ====== */
.pm-page{position:fixed;inset:0;display:none;flex-direction:column;background:var(--bg);overflow:hidden;z-index:220}
.pm-page.active{display:flex}
.pm-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
.pm-scroll::-webkit-scrollbar{display:none}
.pm-nav{display:flex;align-items:center;padding:0 16px;padding-top:var(--st-h);height:calc(var(--st-h)*2);background:var(--card);border-bottom:.5px solid var(--gl);flex-shrink:0}
.pm-nav-back{color:var(--blue);font-size:17px;cursor:pointer;margin-right:8px}
.pm-nav-title{flex:1;text-align:center;font-size:17px;font-weight:600}
.pm-char-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--card);border-bottom:.5px solid var(--gl);cursor:pointer;transition:background .15s}
.pm-char-card:active{background:var(--bg)}
.pm-char-av{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#FFB3C1,#FF85A1)}
.pm-char-av img{width:100%;height:100%;object-fit:cover}
.pm-app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:16px 12px}
.pm-app-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;cursor:pointer;border-radius:16px;transition:background .15s;position:relative}
.pm-app-item:active{background:rgba(0,0,0,.05)}
.pm-app-icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 2px 8px rgba(0,0,0,.12);position:relative}
.pm-app-name{font-size:11px;color:var(--b);text-align:center;font-weight:500}
.pm-app-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:var(--red);color:white;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--bg)}
.pm-warning{margin:12px 16px;padding:12px 14px;background:rgba(255,149,0,.08);border:1px solid rgba(255,149,0,.2);border-radius:12px;font-size:13px;color:var(--orange);display:flex;align-items:center;gap:8px}
.pm-imsg-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card);border-bottom:.5px solid var(--gl);cursor:pointer;transition:background .15s}
.pm-imsg-item:active{background:var(--bg)}
.pm-imsg-av{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;overflow:hidden;font-weight:700;color:white}
.pm-imsg-name{font-size:16px;font-weight:600;margin-bottom:3px}
.pm-imsg-preview{font-size:13px;color:var(--gm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.pm-imsg-badge{min-width:20px;height:20px;border-radius:10px;background:var(--blue);color:white;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;margin-left:auto;flex-shrink:0}
.pm-chat-wrap{padding:16px;display:flex;flex-direction:column;gap:10px}
.pm-msg{display:flex;gap:8px;align-items:flex-end}
.pm-msg.me{flex-direction:row-reverse}
.pm-msg-av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;overflow:hidden;font-weight:700;color:white}
.pm-msg-av img{width:100%;height:100%;object-fit:cover}
.pm-bubble{padding:10px 14px;border-radius:20px;font-size:16px;line-height:1.4;max-width:72%;word-break:break-word}
.pm-msg.other .pm-bubble{background:#E5E5EA;color:#000;border-bottom-left-radius:6px}
.pm-msg.me .pm-bubble{background:var(--blue);color:white;border-bottom-right-radius:6px}
.pm-time-div{text-align:center;font-size:11px;color:var(--gm);padding:6px 0}
.pm-song-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card);border-bottom:.5px solid var(--gl);cursor:pointer;transition:background .15s}
.pm-song-item:active{background:var(--bg)}
.pm-song-cover{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.pm-comment-card{margin:10px 16px;padding:14px;background:var(--card);border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.06);cursor:pointer}
.pm-wb-post{padding:14px 16px;background:var(--card);border-bottom:8px solid var(--bg)}
.pm-xhs-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}
.pm-xhs-card{background:var(--card);border-radius:14px;overflow:hidden;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform .15s}
.pm-xhs-card:active{transform:scale(.97)}
.pm-xhs-cover{height:140px;background:linear-gradient(135deg,#FFE0E6,#FFC0CC);display:flex;align-items:center;justify-content:center;font-size:40px;position:relative}
.pm-bili-card{display:flex;gap:12px;padding:12px 16px;background:var(--card);border-bottom:.5px solid var(--gl);cursor:pointer;transition:background .15s}
.pm-bili-card:active{background:var(--bg)}
.pm-bili-cover{width:108px;height:68px;border-radius:8px;background:#E8F4FD;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}
.pm-steam-game{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card);border-bottom:.5px solid var(--gl)}
.pm-steam-cover{width:80px;height:48px;border-radius:6px;background:#E8EDF2;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.pm-tb-item{display:flex;gap:12px;padding:12px 16px;background:var(--card);border-bottom:.5px solid var(--gl);cursor:pointer;transition:background .15s}
.pm-tb-item:active{background:var(--bg)}
.pm-tb-img{width:80px;height:80px;border-radius:10px;background:#FFF0E6;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}
.pm-tb-tags{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}
.pm-tb-tag{padding:6px 14px;background:var(--card);border-radius:20px;font-size:13px;color:var(--b);border:.5px solid var(--gl)}
.pm-call-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--card);border-bottom:.5px solid var(--gl);cursor:pointer;transition:background .15s}
.pm-call-item:active{background:var(--bg)}
.pm-call-av{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;overflow:hidden;font-weight:700;color:white}
.pm-call-item.missed .pm-call-name{color:var(--red)}
.pm-browser-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card);border-bottom:.5px solid var(--gl);cursor:pointer;transition:background .15s}
.pm-browser-item:active{background:var(--bg)}
.pm-browser-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:var(--bg)}
.pm-album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.pm-album-cell{aspect-ratio:1;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:36px;cursor:pointer;position:relative;overflow:hidden;transition:opacity .15s}
.pm-album-cell:active{opacity:.7}
.pm-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}
.pm-note-item{padding:14px;border-radius:14px;box-shadow:0 2px 6px rgba(0,0,0,.06);cursor:pointer;transition:transform .15s;min-height:100px}
.pm-note-item:active{transform:scale(.97)}
.pm-bill-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border-bottom:.5px solid var(--gl)}
.pm-bill-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;background:#E8F0FF}
.pm-bill-amt.out{color:var(--b)}
.pm-bill-amt.in{color:var(--green)}
.pm-easter-overlay{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.45);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:24px}
.pm-easter-overlay.show{display:flex}
.pm-easter-card{background:var(--card);border-radius:24px;padding:28px 24px;max-width:320px;width:100%;text-align:center;animation:easterPop .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px rgba(0,0,0,.15)}
@keyframes easterPop{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
.pm-section-label{padding:10px 16px 4px;font-size:13px;font-weight:600;color:var(--gm);background:var(--bg)}



/* ====== 查手机详情页 ====== */
.pm-detail-overlay{position:fixed;inset:0;z-index:400;background:var(--bg);display:none;flex-direction:column;overflow:hidden}
.pm-detail-overlay.show{display:flex}
.pm-detail-nav{display:flex;align-items:center;padding:0 16px;padding-top:var(--st-h);height:calc(var(--st-h)*2);background:var(--card);border-bottom:.5px solid var(--gl);flex-shrink:0}
.pm-detail-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
.pm-detail-body::-webkit-scrollbar{display:none}
.pm-img-frame{width:100%;background:var(--bg);border-radius:10px;overflow:hidden;margin-bottom:8px;position:relative}
.pm-img-frame-inner{padding:20px;min-height:120px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:var(--gm);line-height:1.6;font-style:italic;border:1.5px dashed var(--gl);border-radius:10px;background:linear-gradient(135deg,var(--bg),var(--card))}
.pm-img-frame-label{position:absolute;top:8px;left:8px;font-size:10px;background:rgba(0,0,0,.3);color:white;padding:2px 6px;border-radius:6px}
.pm-comment-item{display:flex;gap:8px;padding:10px 0;border-bottom:.5px solid var(--gl)}
.pm-comment-item:last-child{border-bottom:none}
.pm-comment-av{width:28px;height:28px;border-radius:50%;background:var(--gl);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;overflow:hidden}
.pm-comment-av img{width:100%;height:100%;object-fit:cover}
.pm-comment-name{font-size:13px;font-weight:600;margin-bottom:3px}
.pm-comment-text{font-size:14px;line-height:1.5;color:var(--b)}
.pm-comment-likes{font-size:11px;color:var(--gm);margin-top:4px}