.liaobo-feedback{--lf-ink:#29352c;--lf-accent:#71845f;color:var(--lf-ink);font:15px/1.5 system-ui,-apple-system,PingFang SC,sans-serif}.liaobo-feedback [hidden]{display:none!important}.liaobo-feedback button,.liaobo-feedback textarea,.liaobo-feedback input{font:inherit}.liaobo-feedback button{cursor:pointer;min-height:44px;color:var(--lf-ink);background:#fff;border:1px solid #d9e0d6;border-radius:13px;padding:9px 15px}.liaobo-feedback button:disabled{opacity:.5;cursor:not-allowed}.liaobo-feedback button:focus-visible,.liaobo-feedback textarea:focus-visible{outline-offset:3px;outline:3px solid #93a27a}.liaobo-feedback .lf-float{z-index:1001;right:16px;bottom:calc(90px + env(safe-area-inset-bottom));touch-action:none;cursor:grab;background:#fafcf8;border-radius:24px;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;padding:0;font-size:13px;display:flex;position:fixed;box-shadow:0 2px 14px #22302116}.lf-backdrop{z-index:10020;overscroll-behavior:contain;background:#24312666;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lf-dialog{box-sizing:border-box;background:#fafcf8;border:1px solid #ffffffd9;border-radius:24px;width:min(100%,560px);max-height:calc(100dvh - 40px);padding:22px;overflow-y:auto;box-shadow:0 18px 70px #13251830}.lf-dialog header{justify-content:space-between;align-items:center;gap:12px;display:flex}.lf-dialog h2{margin:0;font-size:20px;font-weight:600;line-height:1.3}.lf-dialog header button{background:0 0;border:0;justify-content:center;align-items:center;min-width:44px;padding:0;font-size:23px;display:flex}.liaobo-feedback svg{pointer-events:none;flex-shrink:0}.lf-dialog label{margin-top:14px;display:block}.lf-dialog textarea{box-sizing:border-box;resize:vertical;color:#29352c;background:#fff;border:1px solid #d9e0d6;border-radius:14px;width:100%;min-height:130px;margin-top:8px;padding:14px;line-height:1.6}.lf-tools{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.lf-image-add{cursor:pointer;border:1px dashed #b9c6ac;border-radius:13px;padding:9px 13px}.lf-image-add input{opacity:0;width:1px;height:1px;position:absolute}.lf-record-state{color:#637253;font-size:13px}.lf-images{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.lf-images li{flex-direction:column;gap:5px;width:100px;display:flex}.lf-images img{object-fit:cover;background:#e6ece0;border-radius:10px;width:100%;height:86px}.lf-images button{min-height:32px;padding:4px 8px;font-size:12px}.lf-error{color:#985739;min-height:20px;font-size:14px}.lf-footer{justify-content:flex-end;align-items:center;gap:12px;display:flex}.liaobo-feedback .lf-submit{background:var(--lf-accent);color:#fff;border-color:var(--lf-accent)}.liaobo-feedback .lf-login{margin-top:10px}.liaobo-feedback .lf-dialog{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (max-width:600px){.lf-backdrop{align-items:flex-end;padding:0}.lf-dialog{max-height:calc(100dvh - 20px);padding:20px 18px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.lf-dialog textarea{font-size:16px}.lf-footer{align-items:flex-end}}@media (prefers-reduced-motion:reduce){.liaobo-feedback *{transition:none!important;animation:none!important}}.liaobo-feedback .lf-tools button,.liaobo-feedback .lf-images button{justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:inline-flex}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.liaobo-feedback .lf-float,.liaobo-feedback .lf-dialog{background:var(--glass-surface,#fafcf8db);border-color:var(--glass-border,#ffffffd9);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px #ffffffa6,0 8px 32px #1f302322}.liaobo-feedback .lf-backdrop{-webkit-backdrop-filter:blur(12px)}.liaobo-feedback .lf-dialog{background:#fafcf8fa}}@media (prefers-reduced-transparency:reduce){.liaobo-feedback .lf-float,.liaobo-feedback .lf-dialog{-webkit-backdrop-filter:none;background:#fafcf8}.liaobo-feedback .lf-backdrop{-webkit-backdrop-filter:none}}.liaobo-feedback .lf-float--dragging{cursor:grabbing;box-shadow:0 5px 20px #22302130}.liaobo-feedback .lf-safe-area{visibility:hidden;pointer-events:none;width:0;height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;top:0;left:0}
.liaobo-feedback{--lf-ink:var(--foreground);--lf-accent:var(--primary);color:var(--foreground);font-family:var(--font-noto-sans), "PingFang SC", sans-serif}.liaobo-feedback .lf-float{right:max(18px,50vw - 206px);bottom:calc(104px + env(safe-area-inset-bottom));border:1px solid color-mix(in oklch, var(--foreground) 22%, transparent);width:78px;height:42px;color:var(--foreground);background:var(--popover);border-radius:999px;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 10px 24px -10px #0000008c,inset 0 1px #ffffff1a;box-shadow:0 10px 24px -10px lab(0% 0 0/.55),inset 0 1px lab(100% 0 0/.1)}.liaobo-feedback .lf-float:after{content:"反馈"}.liaobo-feedback .lf-float svg{flex:none;width:18px;height:18px}.liaobo-feedback.lf-home-context .lf-float{bottom:calc(190px + env(safe-area-inset-bottom))}.liaobo-feedback.lf-interview-context .lf-float{bottom:calc(210px + env(safe-area-inset-bottom))}.liaobo-feedback .lf-float:active{transform:scale(.96)}.liaobo-feedback .lf-float--dragging:active{transform:none}.liaobo-feedback .lf-backdrop{background:#000103ad;background:lab(.305098% -.0773817 -.611278/.68)}.liaobo-feedback .lf-dialog{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--popover);border:1px solid var(--border);color:var(--foreground);box-shadow:0 20px 58px -22px #0000008c;box-shadow:0 20px 58px -22px lab(0% 0 0/.55)}.liaobo-feedback .lf-dialog h2{color:var(--foreground);letter-spacing:-.015em;font-size:18px}.liaobo-feedback .lf-dialog header button{color:var(--muted-foreground);background:0 0;border:0}.liaobo-feedback .lf-dialog label{color:var(--muted-foreground);font-size:13px}.liaobo-feedback .lf-dialog textarea{border:1px solid var(--input);background:var(--secondary);min-height:144px;color:var(--foreground);caret-color:var(--accent);resize:vertical;border-radius:18px;font-size:16px;line-height:1.65}.liaobo-feedback .lf-dialog textarea::placeholder{color:var(--muted-foreground);opacity:1}.liaobo-feedback button:focus-visible,.liaobo-feedback textarea:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.liaobo-feedback .lf-tools{gap:10px;margin-top:14px}.liaobo-feedback .lf-tools button,.liaobo-feedback .lf-images button{border:1px solid var(--border);background:var(--secondary);color:var(--foreground);border-radius:14px}.liaobo-feedback .lf-tools button svg{width:21px;height:21px}.liaobo-feedback .lf-tools button:disabled{opacity:.42}.liaobo-feedback .lf-record-state,.liaobo-feedback .lf-error{color:var(--muted-foreground)}.liaobo-feedback .lf-record-state:empty,.liaobo-feedback .lf-error:empty{display:none}.liaobo-feedback .lf-record-state:not(:empty),.liaobo-feedback .lf-error:not(:empty){margin:12px 0 0}.liaobo-feedback .lf-images{gap:10px;margin:14px 0 0}.liaobo-feedback .lf-images:empty{display:none}.liaobo-feedback .lf-images li{width:76px;height:76px;position:relative}.liaobo-feedback .lf-images img{border-radius:12px;width:76px;height:76px}.liaobo-feedback .lf-images button{background:var(--popover);border-radius:50%;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;position:absolute;top:-6px;right:-6px}.liaobo-feedback .lf-images button svg{width:15px;height:15px}.liaobo-feedback .lf-footer{margin-top:22px}.liaobo-feedback .lf-submit{background:var(--primary);width:100%;min-height:48px;color:var(--primary-foreground);border:0;border-radius:16px;font-weight:600}.liaobo-feedback .lf-login{border:1px solid var(--border);background:var(--secondary);color:var(--foreground)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.liaobo-feedback .lf-float{background:color-mix(in oklch, var(--popover) 87%, transparent);-webkit-backdrop-filter:blur(18px)}.liaobo-feedback .lf-dialog{background:color-mix(in oklch, var(--popover) 97%, transparent);-webkit-backdrop-filter:blur(18px)}}.light .liaobo-feedback .lf-dialog{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.light .liaobo-feedback .lf-backdrop{background:#1a15116b;background:lab(7.18686% 2.33466 3.27294/.42)}.light .liaobo-feedback .lf-float{box-shadow:0 9px 24px -13px #6750404d,inset 0 1px #fffc;box-shadow:0 9px 24px -13px lab(36.0464% 8.38767 13.1783/.3),inset 0 1px lab(100% 0 0/.8)}@media (max-width:600px){.liaobo-feedback .lf-dialog{max-height:calc(100dvh - env(safe-area-inset-top) - 12px);padding:22px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}}@media (prefers-reduced-transparency:reduce){.liaobo-feedback .lf-float,.liaobo-feedback .lf-dialog{background:var(--popover);-webkit-backdrop-filter:none}}
