@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap');

body { font-family: 'Inter', sans-serif; color: #1a1a1a; background-color: #f4f7f9; min-height: 100vh; overflow-x: hidden; }
.bg-hero { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-image: url('https://images.unsplash.com/photo-1534528741775-53994a69daeb?q=80&w=2000&auto=format&fit=crop'); background-size: cover; background-position: center 20%; z-index: -2; filter: brightness(1.1) contrast(0.9); }
.bg-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: linear-gradient(to bottom, rgba(244,247,249,0.2) 0%, rgba(244,247,249,0.6) 60%, rgba(244,247,249,1) 100%); z-index: -1; }
.blue-text { color: #2563EB; }
.glass-card { background: rgba(255, 255, 255, 0.85); border: 1px solid rgba(255, 255, 255, 0.9); backdrop-filter: blur(20px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); }
#auth-modal { display: none; position: fixed; inset: 0; z-index: 9999; background: rgba(15, 23, 42, 0.4); backdrop-filter: blur(8px); align-items: center; justify-content: center; }
#auth-modal.active { display: flex; }
.input-group:focus-within { border-color: #3b82f6; box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1); }
.inner-modal { display: none; position: absolute; inset: 0; z-index: 100; background: #fff; border-radius: 1.5rem; padding: 24px; overflow-y: auto; }
.inner-modal.active { display: block; animation: slideUp 0.3s ease-out; }
@keyframes slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
#toast-container { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); z-index: 99999; display: flex; flex-direction: column; gap: 10px; pointer-events: none; }
.toast { background: rgba(30, 41, 59, 0.9); color: white; padding: 12px 24px; border-radius: 50px; font-size: 14px; backdrop-filter: blur(10px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); opacity: 0; transform: translateY(-20px); transition: all 0.3s ease; display: flex; align-items: center; gap: 8px; }
.toast.show { opacity: 1; transform: translateY(0); }

/* AI 客服高级样式 */
#ai-widget { position: fixed; bottom: 24px; right: 24px; z-index: 9990; }

.ai-fab {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.ai-fab:hover { transform: scale(1.08) translateY(-3px); }
.ai-fab:active { transform: scale(0.95); }

/* 面板动画 */
.ai-panel-hidden {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
    pointer-events: none;
    transform-origin: bottom right;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.ai-panel-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

/* 滚动条美化 */
#ai-chat-box::-webkit-scrollbar { width: 4px; }
#ai-chat-box::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }