.login-page{background:linear-gradient(145deg,#ffe8f0 0%,#fff5f8 30%,#f8f0f5 60%,#fff 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff5c8a14 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-20%;right:-10%}.login-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffb1c81a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-15%;left:-10%}.login-card{z-index:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffff2;border:1px solid #fff9;border-radius:28px;width:100%;max-width:440px;padding:52px 40px 44px;position:relative;box-shadow:0 20px 60px #ff5c8a1f,0 4px 20px #0000000a}.welcome-header{justify-content:center;align-items:center;gap:14px;margin-bottom:6px;display:flex}.welcome-header .heart{filter:drop-shadow(0 4px 8px #ff5c8a40);font-size:34px;animation:3s ease-in-out infinite float}.welcome-title{background:var(--brand-grad);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:800}.welcome-subtitle{text-align:center;color:var(--text-secondary);letter-spacing:.5px;margin-top:10px;font-size:15px;font-weight:500}.divider{justify-content:center;align-items:center;gap:16px;margin:36px 0 40px;display:flex}.divider-line{background:linear-gradient(90deg, transparent, var(--brand-light), transparent);flex:1;max-width:120px;height:1px}.divider-heart{color:var(--brand-light);font-size:16px;animation:2s ease-in-out infinite pulse}.form-group{margin-bottom:18px}.form-input{border:2px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--bg-soft);width:100%;height:52px;color:var(--text-primary);transition:var(--transition);padding:0 22px;font-size:15px}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--brand-pink);background:#fff;box-shadow:0 0 0 4px #ff5c8a14}.code-row{gap:12px;margin-bottom:24px;display:flex}.code-input{flex:1}.send-btn{border-radius:var(--radius-lg);border:2px solid var(--brand-pink);height:52px;color:var(--brand-pink);white-space:nowrap;background:#fff;flex-shrink:0;padding:0 22px;font-size:14px;font-weight:600}.send-btn:hover:not(:disabled){background:var(--brand-pale);box-shadow:var(--shadow-sm)}.send-btn:disabled{border-color:var(--border-medium);color:var(--text-muted);cursor:not-allowed;background:#f9f7f9}.login-btn{border-radius:var(--radius-xl);background:var(--brand-grad);color:#fff;letter-spacing:1px;width:100%;height:52px;font-size:17px;font-weight:700;box-shadow:0 8px 24px #ff5c8a4d}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 32px #ff5c8a66}.login-btn:disabled{box-shadow:none;cursor:not-allowed;background:linear-gradient(135deg,#ecd6dd,#e4c7d0)}.security-tip{color:var(--text-muted);justify-content:center;align-items:center;gap:7px;margin-top:36px;font-size:12px;display:flex}:root{--pink-50:#fff1f5;--pink-100:#ffe4ec;--pink-200:#ffc9d9;--pink-300:#ffa3bf;--pink-400:#ff7a9e;--pink-500:#ff5c8a;--pink-600:#e8477a;--pink-700:#c93868;--gray-50:#fafafa;--gray-100:#f5f5f7;--gray-200:#ebebf0;--gray-300:#d8d8e0;--gray-400:#b0b0c0;--gray-500:#8a8a9a;--gray-600:#6b6b80;--gray-700:#4a4a5e;--gray-800:#2a2a3e;--gray-900:#1a1a2e;--brand:var(--pink-500);--brand-dark:var(--pink-600);--brand-grad:linear-gradient(135deg, var(--pink-500), #ff8e53);--brand-grad-soft:linear-gradient(135deg, var(--pink-50), var(--pink-100));--bg:var(--gray-50);--bg-sidebar:var(--gray-100);--surface:#fff;--text-1:var(--gray-900);--text-2:var(--gray-600);--text-3:var(--gray-500);--text-4:var(--gray-400);--border:var(--gray-200);--border-light:var(--gray-100);--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-brand:0 4px 16px #ff5c8a40;--t-fast:.12s ease;--t-normal:.2s ease}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text-1);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button:disabled{cursor:not-allowed;opacity:.5}.app-layout{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.header-brand{align-items:center;gap:8px;display:flex}.header-logo{border-radius:var(--r-sm);background:var(--brand-grad);color:#fff;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.header-name{color:var(--text-1);letter-spacing:.5px;font-size:17px;font-weight:700}.header-nav{background:var(--gray-100);border-radius:var(--r-md);gap:4px;padding:4px;display:flex}.nav-tab{border-radius:var(--r-sm);color:var(--text-2);background:0 0;padding:7px 20px;font-size:14px;font-weight:600}.nav-tab:hover{color:var(--text-1)}.nav-tab.active{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-xs)}.header-user{align-items:center;gap:12px;display:flex}.user-avatar{border-radius:var(--r-full);background:var(--brand-grad);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.logout-btn{color:var(--text-3);border-radius:var(--r-sm);padding:6px 12px;font-size:13px}.logout-btn:hover{color:var(--brand);background:var(--pink-50)}.app-main{flex-direction:column;flex:1;width:100%;max-width:960px;margin:0 auto;padding:24px 32px 0;display:flex;overflow-y:auto}.app-main:has(.gen-page){max-width:100%;padding:0;overflow:hidden}.login-page{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 56px);padding:40px 20px;display:flex}.login-card{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:380px;box-shadow:var(--shadow-md);border:1px solid var(--border);padding:40px 32px}.login-title{text-align:center;color:var(--text-1);margin-bottom:8px;font-size:22px;font-weight:700}.login-subtitle{color:var(--text-3);text-align:center;margin-bottom:28px;font-size:14px}.login-field{margin-bottom:16px}.login-field input{border:1.5px solid var(--border);border-radius:var(--r-md);width:100%;height:46px;color:var(--text-1);background:var(--gray-50);transition:all var(--t-fast);padding:0 16px;font-size:14px}.login-field input:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px #ff5c8a14}.login-code-row{gap:10px;display:flex}.login-code-row input{flex:1}.code-btn{white-space:nowrap;border-radius:var(--r-md);height:46px;color:var(--brand);background:var(--pink-50);border:1.5px solid var(--pink-100);padding:0 16px;font-size:13px;font-weight:600}.code-btn:hover:not(:disabled){background:var(--pink-100)}.login-submit{border-radius:var(--r-md);background:var(--brand-grad);color:#fff;width:100%;height:46px;box-shadow:var(--shadow-brand);margin-top:8px;font-size:15px;font-weight:600}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ff5c8a59}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}.toast{border-radius:var(--r-md);background:var(--gray-900);color:#fff;z-index:9999;box-shadow:var(--shadow-lg);padding:10px 24px;font-size:14px;font-weight:500;animation:.3s slideUp;position:fixed;top:72px;left:50%;transform:translate(-50%)}.gen-page{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.ds-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);width:240px;transition:width var(--t-normal);flex-direction:column;flex-shrink:0;display:flex}.ds-sidebar.collapsed{align-items:center;width:44px;padding-top:12px}.ds-expand-btn{border-radius:var(--r-sm);width:32px;height:32px;color:var(--text-3);justify-content:center;align-items:center;display:flex}.ds-expand-btn:hover{background:var(--gray-200);color:var(--text-1)}.ds-sidebar-top{align-items:center;gap:8px;padding:14px 12px 10px;display:flex}.ds-new-btn{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);color:var(--text-1);box-shadow:var(--shadow-xs);flex:1;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;display:flex}.ds-new-btn:hover{border-color:var(--pink-300);color:var(--brand);background:var(--pink-50)}.ds-collapse-btn{border-radius:var(--r-sm);width:32px;height:32px;color:var(--text-3);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ds-collapse-btn:hover{background:var(--gray-200);color:var(--text-1)}.ds-list{flex:1;padding:0 8px 12px;overflow-y:auto}.ds-list-empty{text-align:center;color:var(--text-4);padding:32px 0;font-size:13px}.ds-group{margin-bottom:4px}.ds-group-label{color:var(--text-4);padding:10px 8px 4px;font-size:11px;font-weight:600}.ds-item{border-radius:var(--r-sm);cursor:pointer;transition:background var(--t-fast);align-items:center;gap:8px;padding:7px 8px;display:flex}.ds-item:hover{background:var(--gray-200)}.ds-item.active{background:var(--pink-100)}.ds-item-cover{border-radius:var(--r-sm);object-fit:cover;flex-shrink:0;width:28px;height:28px}.ds-item-cover.placeholder{background:var(--pink-50);justify-content:center;align-items:center;font-size:14px;display:flex}.ds-item-title{min-width:0;color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.ds-item-del{border-radius:var(--r-sm);width:22px;height:22px;color:var(--text-4);opacity:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ds-item-del.show{opacity:1}.ds-item-del:hover{background:var(--pink-200);color:var(--pink-700)}.gen-main{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chat-area{flex-direction:column;flex:1;gap:16px;min-height:0;padding:20px 24px;display:flex;overflow-y:auto}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-icon{margin-bottom:12px;font-size:40px}.empty-title{color:var(--text-1);margin-bottom:4px;font-size:16px;font-weight:700}.empty-sub{color:var(--text-3);margin-bottom:16px;font-size:13px}.suggestions{flex-wrap:wrap;justify-content:center;gap:8px;max-width:440px;display:flex}.suggestion-chip{border-radius:var(--r-full);background:var(--surface);border:1px solid var(--border);color:var(--text-2);padding:8px 16px;font-size:13px;font-weight:500}.suggestion-chip:hover{background:var(--brand-grad);color:#fff;box-shadow:var(--shadow-brand);border-color:#0000}.message{max-width:100%;animation:.25s slideUp;display:flex}.msg-user{justify-content:flex-end}.msg-ai{justify-content:flex-start}.user-bubble{border-radius:var(--r-lg) var(--r-lg) var(--r-sm) var(--r-lg);background:var(--brand-grad);color:#fff;max-width:70%;box-shadow:var(--shadow-brand);padding:10px 14px}.msg-prompt{font-size:14px;line-height:1.5}.ref-thumb{object-fit:cover;border-radius:var(--r-sm);border:2px solid #ffffff4d;width:72px;height:72px;margin-bottom:8px}.ref-thumbs{gap:6px;margin-bottom:8px;display:flex}.style-tag{border-radius:var(--r-full);background:#fff3;margin-top:6px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-block}.ai-card{min-width:200px;max-width:70%}.loading-card{border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--r-sm);background:var(--surface);box-shadow:var(--shadow-sm);border:1px solid var(--border);flex-direction:column;align-items:center;gap:10px;padding:20px 28px;display:flex}.loading-card p{color:var(--text-3);font-size:13px;font-weight:500}.error-card{border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--r-sm);background:#fef2f2;border:1px solid #fecaca;padding:16px 20px}.error-text{color:#dc2626;margin-bottom:10px;font-size:13px;line-height:1.5}.retry-btn{border-radius:var(--r-sm);background:var(--brand);color:#fff;padding:6px 16px;font-size:12px;font-weight:600}.retry-btn:hover{background:var(--brand-dark)}.result-card{border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--r-sm);background:var(--surface);box-shadow:var(--shadow-md);border:1px solid var(--border);overflow:hidden}.result-image{width:100%;max-width:340px;display:block}.result-video{background:#000;width:100%;max-width:380px;display:block}.result-actions{background:var(--gray-50);border-top:1px solid var(--border-light);gap:6px;padding:10px 12px;display:flex}.action-btn{border-radius:var(--r-sm);background:var(--surface);color:var(--text-2);border:1px solid var(--border);align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:500;display:flex}.action-btn:hover{background:var(--brand);color:#fff;border-color:#0000}.input-area{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;padding:12px 24px 16px}.input-top-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.model-display{color:var(--text-3);border-radius:var(--r-full);background:var(--gray-100);padding:3px 10px;font-size:12px;font-weight:600}.top-right-controls{align-items:center;gap:8px;display:flex;position:relative}.mode-switcher{background:var(--gray-100);border-radius:var(--r-sm);gap:4px;width:fit-content;padding:3px;display:flex}.mode-btn{border-radius:var(--r-sm);color:var(--text-3);background:0 0;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.mode-btn:hover{color:var(--text-1)}.mode-btn.active{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-xs)}.ref-section{margin-bottom:10px}.ref-preview{display:inline-block;position:relative}.ref-preview img{object-fit:cover;border-radius:var(--r-sm);width:80px;height:80px;box-shadow:var(--shadow-xs)}.ref-preview.small img{width:56px;height:56px}.ref-remove{border-radius:var(--r-full);background:var(--gray-800);color:#fff;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex;position:absolute;top:-4px;right:-4px}.ref-remove:hover{background:var(--brand)}.ref-upload{border-radius:var(--r-sm);border:1.5px dashed var(--pink-300);background:var(--pink-50);color:var(--brand);justify-content:center;align-items:center;padding:10px 20px;font-size:13px;font-weight:600;display:inline-flex}.ref-upload.small{width:56px;height:56px;padding:0;font-size:20px}.ref-upload:hover{border-color:var(--brand);background:var(--pink-100)}.style-section{margin-bottom:10px;position:relative}.style-toggle{border-radius:var(--r-full);background:var(--gray-100);color:var(--text-2);align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.style-toggle:hover{background:var(--pink-100);color:var(--brand)}.style-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:6px;margin-top:6px;padding:10px;display:flex}.style-option{border-radius:var(--r-full);background:var(--gray-100);color:var(--text-2);padding:5px 14px;font-size:12px;font-weight:500}.style-option:hover{background:var(--pink-100)}.style-option.selected{background:var(--brand-grad);color:#fff}.style-option.clear{color:var(--text-4);background:0 0}.input-row{align-items:flex-end;gap:8px;display:flex}.prompt-input{border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--gray-50);min-height:42px;max-height:120px;color:var(--text-1);resize:none;transition:all var(--t-fast);flex:1;padding:10px 16px;font-size:14px}.prompt-input::placeholder{color:var(--text-4)}.prompt-input:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px #ff5c8a14}.submit-btn{border-radius:var(--r-md);background:var(--brand-grad);color:#fff;width:42px;height:42px;box-shadow:var(--shadow-brand);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ff5c8a59}.submit-btn:disabled{background:var(--gray-200);color:var(--text-4);box-shadow:none}.mode-hint{color:var(--brand);margin-top:8px;font-size:12px;font-weight:500}.video-config{background:var(--gray-50);border-radius:var(--r-md);border:1px solid var(--border-light);flex-direction:column;gap:6px;margin-bottom:8px;padding:8px 10px;display:flex}.config-row{align-items:center;gap:8px;display:flex}.model-row{margin-bottom:2px}.config-label{color:var(--text-3);white-space:nowrap;min-width:30px;font-size:11px;font-weight:600}.config-select{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);height:30px;color:var(--text-1);flex:1;padding:0 8px;font-size:12px}.config-select:focus{border-color:var(--brand)}.config-pills-row{flex-wrap:wrap;gap:10px;display:flex}.config-pill-group{align-items:center;gap:4px;display:flex}.config-pill-label{color:var(--text-3);white-space:nowrap;font-size:11px;font-weight:600}.config-pills{gap:3px;display:flex}.config-pill{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);color:var(--text-2);padding:3px 8px;font-size:11px;font-weight:500}.config-pill:hover{border-color:var(--pink-300);color:var(--brand)}.config-pill.active{background:var(--brand-grad);color:#fff;border-color:#0000}.ref-label-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ref-label{color:var(--text-3);font-size:12px;font-weight:600}.ref-clear-all{color:var(--text-4);font-size:11px}.ref-clear-all:hover{color:var(--brand)}.ref-list{flex-wrap:wrap;gap:8px;display:flex}@media (width<=768px){.video-config{gap:4px;padding:6px 8px}.config-pills-row{gap:6px}.config-pill{padding:3px 6px;font-size:10px}.config-pill-label{font-size:10px}.ds-sidebar{z-index:300;height:calc(100vh - 56px);transition:transform .25s;position:fixed;top:56px;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000001a}.ds-sidebar.mobile-open{transform:translate(0)}.ds-sidebar.collapsed{transform:translate(-100%)}.ds-sidebar.collapsed.mobile-open{width:44px;transform:translate(0)}.ds-mobile-overlay{z-index:250;background:#0006;width:100vw;height:calc(100vh - 56px);position:fixed;top:56px;left:0}.mobile-menu-btn{border-radius:var(--r-sm);background:var(--gray-100);width:36px;height:36px;color:var(--text-1);flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-area{padding:12px}.input-area{padding:10px 12px 12px}.user-bubble{max-width:85%}.ai-card{max-width:90%}.result-image{max-width:280px}.result-video{max-width:320px}.header-nav{gap:2px;padding:3px}.nav-tab{padding:5px 12px;font-size:12px}.app-header{padding:0 12px}.header-name{font-size:15px}.logout-btn{display:none}.prompt-input{font-size:16px}}@media (width>=769px){.mobile-menu-btn,.ds-mobile-overlay{display:none}}:root{--brand-pink:#ff5c8a;--brand-deep:#e84d7e;--brand-light:#ffb1c8;--brand-pale:#fff0f5;--brand-grad:linear-gradient(135deg, #ff5c8a 0%, #ff8fab 100%);--brand-grad-soft:linear-gradient(135deg, #fff0f5 0%, #ffe0ec 100%);--bg-soft:#faf7fa;--bg-card:#fff;--text-primary:#2d1f2a;--text-secondary:#7a6b76;--text-muted:#b0a3ad;--border-soft:#f3e8ee;--border-medium:#e8d8e2;--shadow-xs:0 1px 3px #2d1f2a0a;--shadow-sm:0 2px 8px #ff5c8a0f;--shadow-md:0 4px 20px #ff5c8a14;--shadow-lg:0 8px 32px #ff5c8a1f;--shadow-xl:0 16px 48px #ff5c8a29;--radius-xl:20px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--radius-xs:6px;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-soft);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 1, "kern" 1;font-family:Noto Sans CJK SC,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}#root{min-height:100vh}button{cursor:pointer;transition:var(--transition);border:none;font-family:inherit}button:active{transform:scale(.97)}input,textarea,select{outline:none;font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--brand-light)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ff5c8a33}50%{box-shadow:0 0 40px #ff5c8a66}}.spinner{border:2.5px solid var(--brand-pale);border-top-color:var(--brand-pink);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.loading-shimmer{background:linear-gradient(90deg, var(--border-soft) 25%, var(--brand-pale) 50%, var(--border-soft) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.toast{border-radius:var(--radius-lg);color:#fff;z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);background:#2d1f2aeb;padding:12px 28px;font-size:14px;font-weight:500;animation:.3s fadeIn;position:fixed;top:28px;left:50%;transform:translate(-50%)}