body{background:var(--bg-gradient);display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Jost,sans-serif;--default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;--bg-gradient: linear-gradient(135deg, #000000, #1E90FF)}.baje-container{position:relative;background:#000000b3;overflow:hidden;border-radius:15px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;background:#ffffff1a;padding:15px;color:#fff;justify-content:space-between}.ai-avatar{width:50px;height:50px;border-radius:50%;background:url() center/cover;margin-right:15px}.ai-info{flex-grow:1}.ai-name{font-size:18px;font-weight:700}.ai-status{font-size:14px;color:#ffffffb3}.header-buttons{display:flex;align-items:center;gap:10px}.notification-button{background:#fff3;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .3s ease;font-size:16px;position:relative}.notification-button:hover{background:#1e90ff}.chat-messages{flex-grow:1;overflow-y:auto;padding:20px;color:#fff}.message{background:#ffffff1a;border-radius:10px;padding:15px;margin-bottom:15px;max-width:80%}.input-section{display:flex;padding:15px;background:#ffffff1a}.input-field{flex-grow:1;background:#fff3;border:none;border-radius:20px;padding:10px 15px;color:#fff;resize:none}.send-button{background:#1e90ff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-left:10px;color:#fff;cursor:pointer;transition:.3s ease}.send-button:hover{background:#1873cc}.input-field::placeholder{color:#fff9}.hamburger-button{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;position:relative}.hamburger-button-span{width:100%;height:3px;background:#fff;border-radius:2px;transition:all .3s ease;position:absolute;left:50%;transform:translate(-50%)}.hamburger-button-span:nth-child(1){top:2px}.hamburger-button-span:nth-child(2){top:8.5px}.hamburger-button-span:nth-child(3){top:15px}@media only screen and (max-width: 479px){.baje-container{width:100%;height:100vh;border-radius:0;box-shadow:none}.chat-header{padding:8px}.ai-avatar{width:35px;height:35px;margin-right:10px}.ai-name{font-size:14px}.ai-status{font-size:10px}.notification-button{width:22px;height:22px;font-size:12px}.hamburger-button{width:25px;height:16px;margin-left:auto}.hamburger-button-span{height:2px}.hamburger-button-span:nth-child(1){top:1px}.hamburger-button-span:nth-child(2){top:7px}.hamburger-button-span:nth-child(3){top:13px}.chat-messages{padding:8px}.message{max-width:90%;padding:8px;font-size:12px;margin-bottom:10px}.input-section{padding:8px}.input-field{padding:6px 10px;font-size:12px}.send-button{width:30px;height:30px;font-size:14px;margin-left:8px}.nav-card{width:100%;max-width:479px;right:-479px;border-radius:0}.nav-card-open{right:0}.nav-item{margin:15px 0}.nav-item-a{font-size:18px}}@media only screen and (min-width: 480px) and (max-width: 767px){.baje-container{width:100%;height:100vh;border-radius:0;box-shadow:none}.chat-header{padding:10px}.ai-avatar{width:40px;height:40px;margin-right:12px}.ai-name{font-size:15px}.ai-status{font-size:11px}.notification-button{width:24px;height:24px;font-size:13px}.hamburger-button{width:26px;height:18px;margin-left:auto}.hamburger-button-span{height:2.5px}.hamburger-button-span:nth-child(1){top:1.5px}.hamburger-button-span:nth-child(2){top:7.5px}.hamburger-button-span:nth-child(3){top:14px}.chat-messages{padding:10px}.message{max-width:85%;padding:10px;font-size:13px;margin-bottom:12px}.input-section{padding:10px}.input-field{padding:7px 12px;font-size:13px}.send-button{width:32px;height:32px;font-size:15px;margin-left:8px}.nav-card{width:100%;max-width:767px;right:-767px;border-radius:0}.nav-card-open{right:0}.nav-item{margin:16px 0}.nav-item-a{font-size:19px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.baje-container{width:90%;max-width:800px;height:90vh;border-radius:10px}.chat-header{padding:12px}.ai-avatar{width:45px;height:45px;margin-right:13px}.ai-name{font-size:16px}.ai-status{font-size:12px}.notification-button{width:26px;height:26px;font-size:14px}.hamburger-button{width:28px;height:19px}.hamburger-button-span{height:2.5px}.hamburger-button-span:nth-child(1){top:1.5px}.hamburger-button-span:nth-child(2){top:8px}.hamburger-button-span:nth-child(3){top:14.5px}.chat-messages{padding:15px}.message{max-width:85%;padding:12px;font-size:14px;margin-bottom:12px}.input-section{padding:12px}.input-field{padding:8px 13px;font-size:14px}.send-button{width:36px;height:36px;font-size:16px;margin-left:10px}.nav-card{width:300px;right:-300px}.nav-card-open{right:0}.nav-item{margin:18px 0}.nav-item-a{font-size:20px}}@media only screen and (min-width: 1025px) and (max-width: 1280px){.baje-container{width:90%;max-width:900px;height:85vh;border-radius:12px}.chat-header{padding:14px}.ai-avatar{width:48px;height:48px;margin-right:14px}.ai-name{font-size:17px}.ai-status{font-size:13px}.notification-button{width:28px;height:28px;font-size:15px}.hamburger-button{width:29px;height:19px}.hamburger-button-span{height:2.5px}.hamburger-button-span:nth-child(1){top:1.5px}.hamburger-button-span:nth-child(2){top:8px}.hamburger-button-span:nth-child(3){top:14.5px}.chat-messages{padding:18px}.message{max-width:80%;padding:13px;font-size:15px;margin-bottom:13px}.input-section{padding:14px}.input-field{padding:9px 14px;font-size:15px}.send-button{width:38px;height:38px;font-size:17px;margin-left:10px}.nav-card{width:350px;right:-350px}.nav-card-open{right:0}.nav-item{margin:20px 0}.nav-item-a{font-size:21px}}@media only screen and (min-width: 1281px){.baje-container{width:700px;height:840px;border-radius:15px}.chat-header{padding:15px}.ai-avatar{width:50px;height:50px;margin-right:15px}.ai-name{font-size:18px}.ai-status{font-size:14px}.notification-button{width:30px;height:30px;font-size:16px}.hamburger-button{width:30px;height:20px}.hamburger-button-span{height:3px}.hamburger-button-span:nth-child(1){top:2px}.hamburger-button-span:nth-child(2){top:8.5px}.hamburger-button-span:nth-child(3){top:15px}.chat-messages{padding:20px}.message{max-width:80%;padding:15px;font-size:16px;margin-bottom:15px}.input-section{padding:15px}.input-field{padding:10px 15px;font-size:16px}.send-button{width:40px;height:40px;font-size:18px;margin-left:10px}.nav-card{width:400px;right:-400px}.nav-card-open{right:0}.nav-item{margin:22px 0}.nav-item-a{font-size:22px}}