.fl-liuling-portrait { display: inline-block; width: 32px; height: 28px; object-fit: contain; flex: 0 0 auto; vertical-align: middle; }
.fl-liuling-avatar, .fl-liuling-message-avatar { background: transparent !important; box-shadow: none !important; }
.fl-liuling-avatar .fl-liuling-portrait { width: 30px; height: 27px; }
.fl-liuling-message-avatar .fl-liuling-portrait { width: 28px; height: 25px; }
.fl-stage-review h3, #fl-completion-review-title { display: flex; align-items: center; gap: 10px; }
.fl-liuling-native-identity { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.fl-liuling-answer-identity { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; font-size: 12px; }
.fl-liuling-answer-identity .fl-liuling-portrait { width: 28px; height: 25px; }
.fl-tutor-trigger .fl-liuling-portrait { width: 36px; height: 32px; }
.fl-tutor-panel__welcome-icon .fl-liuling-portrait { width: 58px; height: 50px; }
.fluidlab-brand { display: inline-flex !important; align-items: center; gap: 10px; color: #0563ab; text-decoration: none; }
.fluidlab-brand img { width: 64px; height: 56px; object-fit: contain; }
.fluidlab-brand-text { display: flex; flex-direction: column; text-align: left; line-height: 1.35; }
.fluidlab-brand-text strong { font-size: 23px; font-weight: 750; }
.fluidlab-brand-text small { font-size: 12px; color: #476174; }
.scene-brand-row { display: flex; align-items: center; gap: 8px; }
.scene-brand-row .eyebrow { margin: 0; }
.scene-liuling-portrait { width: 90px; height: 78px; object-fit: contain; float: left; margin-right: 14px; }
.scene-liuling-portrait[hidden] { display: none; }
.story-portrait-area { position: relative; }
.story-liuling-portrait { position: absolute; left: 16px; bottom: 16px; width: 111px; height: 96px; object-fit: contain; z-index: 2; pointer-events: none; }
.story-char-avatar:has(.fl-liuling-portrait), .prologue-avatar:has(.fl-liuling-portrait) { background: transparent; }
.guide-logo .fl-liuling-portrait { width: 64px; height: 56px; }
.opening-liuling { display: flex; align-items: center; gap: 10px; position: absolute; left: 18px; bottom: 155px; z-index: 3; pointer-events: none; color: #a9e4ff; }
.opening-liuling img { width: 111px; height: 96px; object-fit: contain; filter: drop-shadow(0 0 7px #33baff66); }
.opening-liuling span { font-size: 14px; line-height: 1.5; text-shadow: 0 1px 4px #000; }
.opening-liuling[hidden] { display: none; }
@media (max-width: 1000px) {
    .header:has(.fluidlab-brand) { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 8px; align-items: center; }
    .header:has(.fluidlab-brand) .logo { order: 1; min-width: max-content; }
    .header:has(.fluidlab-brand) .user-actions { order: 2; min-width: 0; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
    .header:has(.fluidlab-brand) .nav-links { order: 3; grid-column: 1 / -1; width: 100%; justify-content: flex-start; }
}
@media (max-width: 700px) {
    .fluidlab-brand { gap: 6px; }
    .fluidlab-brand img { width: 48px; height: 42px; }
    .fluidlab-brand-text strong { font-size: 19px; }
    .fluidlab-brand-text small { font-size: 11px; }
    .opening-liuling { bottom: 165px; left: 14px; gap: 6px; }
    .opening-liuling img { width: 78px; height: 68px; }
    .opening-liuling span { font-size: 12px; }
}
@media (max-height: 480px) and (orientation: landscape) {
    .opening-liuling { bottom: 125px; left: 14px; }
    .opening-liuling img { width: 66px; height: 57px; }
}