.brand-list-prompts { display: none; gap: 8px; margin: 0 0 20px; }
body[data-page="brand"] .brand-list-prompts { display: flex; flex-direction: column; align-items: flex-start; }
body.assistant-fullscreen .brand-list-prompts { display: none; }
body[data-page="brand"]:not(.assistant-fullscreen) .assistant-panel .default-state { max-height: var(--lx-brand-welcome-height, 100%); overflow-y: auto; scrollbar-width: thin; }
body[data-page="brand"]:not(.assistant-fullscreen) .assistant-panel .lx-p0-messages { height: var(--lx-brand-messages-height, calc(100vh - 410px)); }
.brand-list-prompts button { display: inline-flex; align-items: center; gap: 12px; max-width: 100%; min-height: 36px; padding: 7px 12px; border: 1px solid #e2ddeb; border-radius: 8px; background: #ffffff; color: #4d144a; font-family: inherit; font-size: 13px; line-height: 20px; font-weight: 500; letter-spacing: 0; cursor: pointer; }
.brand-list-prompts button:hover { background: #f3f0f7; border-color: #4d144a; }
.brand-list-prompts img { width: 14px; height: 14px; flex: none; }
.lxbrand-list { container-type: inline-size; min-width: 0; padding: 24px; background: #ffffff; color: #252525; font-family: "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", sans-serif; letter-spacing: 0; }
.lxbrand-list * { box-sizing: border-box; }
.lxbrand-list-head { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }
.lxbrand-list .lxbrand-list-head h1 { margin: 0; font-size: 22px; line-height: 32px; font-weight: 600; }
.lxbrand-list button { font-family: inherit; font-size: 13px; letter-spacing: 0; }
.lxbrand-list button { cursor: pointer; }
.lxbrand-list .lxbrand-icon-button { width: 36px; height: 36px; flex: none; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 1px solid #e2ddeb; border-radius: 6px; background: #ffffff; }
.lxbrand-reverse { transform: rotate(180deg); }
.lxbrand-list-summary { min-height: 54px; padding: 18px 0; color: #606060; font-size: 13px; }
.lxbrand-list-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 16px; }
.lxbrand-list-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #e2ddeb; border-radius: 8px; background: #ffffff; color: #252525; text-decoration: none; }
.lxbrand-list-card:hover { border-color: #4d144a; }
.lxbrand-list-photo { width: 100%; aspect-ratio: 16/9; background: #f3f0f7; overflow: hidden; }
.lxbrand-list-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lxbrand-list-photo img[hidden] { display: none; }
.lxbrand-list-photo.is-unavailable { display: grid; place-items: center; }
.lxbrand-list-photo.is-unavailable::after { content: "联想"; color: #979797; font-size: 18px; }
.lxbrand-list-card-body { padding: 16px; }
.lxbrand-list-meta { display: flex; gap: 8px 12px; flex-wrap: wrap; color: #606060; font-size: 12px; line-height: 18px; margin-bottom: 10px; }
.lxbrand-list .lxbrand-list-card h2 { margin: 0; font-size: 16px; font-weight: 600; line-height: 26px; overflow-wrap: anywhere; }
.lxbrand-list-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 28px 0 8px; }
.lxbrand-list-pagination button { min-width: 36px; height: 36px; padding: 0 8px; border: 1px solid #e2ddeb; border-radius: 6px; background: #ffffff; color: #606060; }
.lxbrand-list-pagination [aria-current="page"] { border-color: #4d144a; background: #4d144a; color: #ffffff; }
.lxbrand-list-pagination span { align-self: center; color: #606060; }
.lxbrand-list button:disabled { opacity: .45; cursor: default; }
.lxbrand-list button:hover:not(:disabled):not([aria-current="page"]) { background: #f3f0f7; }
.lxbrand-list-state { min-height: 260px; display: grid; place-items: center; color: #606060; font-size: 14px; }
.lxbrand-retry { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; color: #4d144a; border: 1px solid #e2ddeb; border-radius: 6px; background: #ffffff; }
.lxbrand-list-spinner { width: 28px; height: 28px; border: 3px solid #e2ddeb; border-top-color: #4d144a; border-radius: 50%; animation: lxbrand-loading .8s linear infinite; }
.lxbrand-list :focus-visible, .brand-list-prompts button:focus-visible { outline: 2px solid #4d144a; outline-offset: 3px; }
@keyframes lxbrand-loading { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .lxbrand-list-spinner { animation: none; } }
@container (max-width: 760px) { .lxbrand-list-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (max-width: 420px) { .lxbrand-list-grid { grid-template-columns: minmax(0, 1fr); } }