html body #app .lb-personal-favorites { width: 100%; max-width: 480px; min-height: 100vh; min-height: 100dvh; margin: 0 auto; color: #253237; background: #f5f7f7; font: 14px/1.5 Arial, "Microsoft YaHei", sans-serif; }
.lb-personal-favorites *, .lb-personal-favorites *::before, .lb-personal-favorites *::after { box-sizing: border-box; }
.lb-personal-favorites .lb-personal-extra-header { display: grid; grid-template-columns: 52px 1fr 52px; align-items: center; min-height: 44px; background: #67b8b9; }
.lb-personal-favorites .lb-personal-extra-header h1 { margin: 0; text-align: center; font-size: 16px; font-weight: 500; }
.lb-personal-favorites .lb-personal-extra-header button { min-height: 44px; padding: 4px; border: 0; background: transparent; color: inherit; font: 28px/1 Arial, sans-serif; }
.lb-personal-favorites .lb-personal-extra-header .lb-favorites-refresh { font-size: 13px; }
.lb-personal-favorites .lb-favorites-content { padding: 12px 10px 24px; }
.lb-personal-favorites .lb-favorites-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.lb-personal-favorites .lb-favorite-card { min-width: 0; overflow: hidden; border-radius: 6px; background: #fff; }
.lb-personal-favorites .lb-favorite-open { display: flex; flex-direction: column; width: 100%; padding: 0; border: 0; background: none; color: inherit; text-align: left; font: inherit; }
.lb-personal-favorites .lb-favorite-image { display: block; width: 100%; aspect-ratio: 1; background: #edf0f0; }
.lb-personal-favorites .lb-favorite-image img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.lb-personal-favorites .lb-favorite-title { display: -webkit-box; min-height: 44px; margin: 8px 10px 0; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 13px; line-height: 22px; }
.lb-personal-favorites .lb-favorite-price { margin: 4px 10px 0; color: #bc504c; font-size: 16px; font-variant-numeric: tabular-nums; }
.lb-personal-favorites .lb-favorite-remove { display: block; min-height: 34px; margin: 6px 10px 10px auto; padding: 3px 10px; border: 1px solid #d5e2e2; border-radius: 4px; color: #527779; background: #fff; font: 12px/1.5 Arial, "Microsoft YaHei", sans-serif; }
.lb-personal-favorites .lb-favorites-empty, .lb-personal-favorites .lb-favorites-state { margin: 48px 0; color: #8c999c; text-align: center; }
.lb-personal-favorites .lb-favorites-error { margin-bottom: 16px; padding: 12px; border-radius: 5px; color: #a13237; background: #fff; }
.lb-personal-favorites .lb-favorites-error p { margin: 0 0 8px; }
.lb-personal-favorites .lb-favorites-error button, .lb-personal-favorites .lb-favorites-more { min-height: 40px; padding: 6px 16px; border: 1px solid #c3d9da; border-radius: 4px; background: #fff; color: #276b6d; }
.lb-personal-favorites .lb-favorites-more { display: block; min-width: 140px; margin: 20px auto 0; }
.lb-personal-favorites button:disabled { opacity: .55; cursor: default; }
.lb-personal-favorites button:focus-visible { outline: 2px solid #126d75; outline-offset: 2px; }

html body #app .lb-personal-announcements { width: 100%; max-width: 480px; min-height: 100vh; min-height: 100dvh; margin: 0 auto; color: #253237; background: #fff; font: 14px/1.5 Arial, "Microsoft YaHei", sans-serif; }
.lb-personal-announcements *, .lb-personal-announcements *::before, .lb-personal-announcements *::after { box-sizing: border-box; }
.lb-personal-announcements .lb-personal-extra-header { display: grid; grid-template-columns: 44px 1fr 44px; align-items: center; min-height: 44px; background: #67b8b9; }
.lb-personal-announcements .lb-personal-extra-header h1 { margin: 0; text-align: center; font-size: 16px; font-weight: 500; }
.lb-personal-announcements .lb-personal-extra-header button { min-height: 44px; padding: 4px; border: 0; background: transparent; color: inherit; font: 28px/1 Arial, sans-serif; }
.lb-personal-announcements .lb-announcements-state { margin: 24px 0; color: #969799; text-align: center; font-size: 13px; }
.lb-personal-announcements .lb-announcement-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 16px; border: 0; border-bottom: 1px solid #edf0f0; color: inherit; background: #fff; text-align: left; font: inherit; }
.lb-personal-announcements .lb-announcement-row strong { display: block; overflow-wrap: anywhere; font-size: 14px; font-weight: 500; }
.lb-personal-announcements .lb-announcement-time { display: block; margin: 6px 0 0; color: #969799; font-size: 12px; }
.lb-personal-announcements .lb-announcement-chevron { flex: 0 0 auto; color: #b0b9b9; font-size: 22px; }
.lb-personal-announcements .lb-announcement-detail { padding: 20px 16px; }
.lb-personal-announcements .lb-announcement-detail h2 { margin: 0; font-size: 19px; font-weight: 500; overflow-wrap: anywhere; }
.lb-personal-announcements .lb-announcement-text { margin-top: 24px; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.8; }
.lb-personal-announcements .lb-announcements-error { margin: 16px; color: #a13237; }
.lb-personal-announcements .lb-announcements-error button, .lb-personal-announcements .lb-announcements-more { min-height: 40px; padding: 6px 16px; border: 1px solid #c3d9da; border-radius: 4px; color: #276b6d; background: #fff; }
.lb-personal-announcements .lb-announcements-more { display: block; margin: 24px auto; }
.lb-personal-announcements button:disabled { opacity: .55; }
.lb-personal-announcements button:focus-visible { outline: 2px solid #126d75; outline-offset: 2px; }