/*! 
 Build based on gin-vue-admin 
 Time : 1790793904000 */
.phone-preview[data-v-84c3d927]{flex-direction:column;gap:10px;display:flex}.pp-frame[data-v-84c3d927]{border:1px solid var(--el-border-color);background:#fff;border-radius:16px;flex-direction:column;width:375px;max-width:100%;max-height:640px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06)}.pp-nav[data-v-84c3d927]{border-bottom:1px solid var(--el-border-color-lighter);flex-shrink:0;align-items:center;gap:6px;padding:8px 10px;display:flex}.pp-nav-btn[data-v-84c3d927]{color:var(--el-text-color-primary);font-size:20px;line-height:1}.pp-nav-avatar[data-v-84c3d927]{background:var(--el-fill-color-dark);border-radius:50%;width:22px;height:22px}.pp-nav-name[data-v-84c3d927]{color:var(--el-text-color-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.pp-nav-follow[data-v-84c3d927]{color:var(--el-color-primary);border:1px solid var(--el-color-primary);border-radius:9px;padding:0 8px;font-size:11px;line-height:16px}.pp-scroll[data-v-84c3d927]{flex:1;overflow-y:auto}.pp-cover[data-v-84c3d927]{aspect-ratio:3/4;background:var(--el-fill-color-light);justify-content:center;align-items:center;width:100%;max-height:220px;display:flex;overflow:hidden}.pp-cover-img[data-v-84c3d927]{object-fit:cover;width:100%;height:100%}.pp-cover-placeholder[data-v-84c3d927]{background:linear-gradient(135deg,#fff1e6 0%,#ffe3e3 100%);justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex}.pp-cover-text[data-v-84c3d927]{text-align:center;color:#c0392b;word-break:break-word;font-size:24px;font-weight:700;line-height:1.35}.pp-body[data-v-84c3d927]{padding:10px 12px 4px}.pp-title[data-v-84c3d927]{color:var(--el-text-color-primary);word-break:break-word;margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.4}.pp-text[data-v-84c3d927]{color:var(--el-text-color-primary);white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.7}.pp-tags[data-v-84c3d927]{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pp-tag[data-v-84c3d927]{color:#2b6cb0;font-size:13px}.pp-meta[data-v-84c3d927]{color:var(--el-text-color-secondary);margin-top:8px;font-size:11px}.pp-divider[data-v-84c3d927]{background:var(--el-fill-color-light);height:6px;margin-top:10px}.pp-comments[data-v-84c3d927]{padding:10px 12px 16px}.pp-comments-title[data-v-84c3d927]{color:var(--el-text-color-secondary);margin-bottom:8px;font-size:12px}.pp-comment[data-v-84c3d927]{align-items:flex-start;gap:6px;display:flex}.pp-comment-avatar[data-v-84c3d927]{background:var(--el-fill-color-dark);border-radius:50%;flex-shrink:0;width:20px;height:20px}.pp-comment-text[data-v-84c3d927]{color:var(--el-text-color-regular);font-size:12px;line-height:1.5}.pp-bar[data-v-84c3d927]{border-top:1px solid var(--el-border-color-lighter);flex-shrink:0;align-items:center;gap:10px;padding:8px 10px;display:flex}.pp-bar-input[data-v-84c3d927]{color:var(--el-text-color-placeholder);background:var(--el-fill-color-light);border-radius:14px;flex:1;padding:5px 12px;font-size:12px}.pp-bar-item[data-v-84c3d927]{color:var(--el-text-color-regular);font-size:16px}.pp-hint[data-v-84c3d927]{width:375px;max-width:100%;color:var(--el-text-color-secondary);margin:0 auto;font-size:12px;line-height:1.6}.pp-hint b[data-v-84c3d927]{color:var(--el-text-color-primary)}