/* 通用应用样式 - shared.css */

/* 腾讯体字体定义 */
@font-face {
  font-family: 'TencentSans';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/assets/1642723370274284-93a869a6.ttf") format('truetype');
}

/* 全屏应用布局 */
.fullscreen-app {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  font-family: 'Inter', sans-serif;
}

/* 左侧菜单栏 */
.left-sidebar {
  width: 240px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  border-right: 1px solid #e9ecef;
}

.sidebar-header {
  padding: 20px 24px;
  border-bottom: 1px solid #e9ecef;
}

.logo-container {
  display: flex;
  align-items: center;
  gap: 12px;
}

.logo-circle {
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #60a5fa, #34d399);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-icon {
  width: 18px;
  height: 18px;
  color: white;
}

.sidebar-logo {
  color: #212529;
  font-size: 24px;
  font-weight: 700;
  font-family: 'TencentSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  margin: 0;
  letter-spacing: 0.5px;
}

.sidebar-nav {
  flex: 1;
  padding: 24px 0;
}

.nav-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 20px;
  color: #000000e6;
  text-decoration: none;
  transition: all 0.2s;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  margin: 4px 16px;
  width: 186px;
  height: 40px;
}

.nav-item:hover {
  background: #f8f9fa;
  color: #495057;
}

.nav-item.active {
  background: #e6f7f1;
  color: #20C57D;
  font-weight: 500;
  border-radius: 8px;
}

.nav-item.active .nav-icon {
  color: #20C57D;
}

.nav-icon {
  width: 20px;
  height: 20px;
}

/* 我的智能体菜单 */
.my-agents-menu {
  padding: 0 16px;
  margin-bottom: 0;
}

.menu-item {
  margin-bottom: 4px;
}

.menu-link {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 20px;
  color: #000000e6;
  text-decoration: none;
  transition: all 0.2s;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  width: 186px;
  height: 40px;
}

.menu-link:hover {
  background: #f8f9fa;
  color: #495057;
  text-decoration: none;
}

.menu-link.active {
  background: #e6f7f1;
  color: #20C57D;
  font-weight: 500;
  border-radius: 8px;
}

.menu-link.active .menu-icon {
  color: #20C57D;
}

.menu-icon {
  width: 20px;
  height: 20px;
}

/* 新建智能体按钮区域 */
.create-agent-section {
  padding: 20px 16px;
  margin-top: auto;
}

.create-agent-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 186px;
  background: linear-gradient(92deg, #4a70ff, #25f4a0);
  color: white;
  border: none;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
}

.create-agent-btn.w-full {
  width: 100%;
  padding: 6px 16px;
}

.create-agent-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(74, 112, 255, 0.3);
  color: white;
  text-decoration: none;
}

.create-icon {
  width: 16px;
  height: 16px;
}

.sidebar-footer {
  padding: 20px 24px;
  border-top: 1px solid #e9ecef;
}

/* 侧边栏图标行 */
.sidebar-icons {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 8px 24px;
  /* border-top: 1px solid #e9ecef; */
}

.sidebar-icon-btn {
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s;
  position: relative;
}

.sidebar-icon-btn:hover {
  background: #f8f9fa;
}

.sidebar-icon {
  width: 20px;
  height: 20px;
  color: #6c757d;
  transition: color 0.2s;
}

.sidebar-icon-btn:hover .sidebar-icon {
  color: #495057;
}

/* 微信联系客服图标 */
.wechat-icon {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%236c757d'%3E%3Cpath d='M21.7303 17.5622C22.2593 16.4871 22.5229 15.3008 22.4992 14.1029C22.4754 12.9049 22.165 11.73 21.5939 10.6767C21.0228 9.62333 20.2076 8.72215 19.2166 8.04859C18.2257 7.37503 17.0877 6.94871 15.8981 6.80533C15.502 5.88786 14.9266 5.05882 14.2055 4.36688C13.4845 3.67495 12.6325 3.13408 11.6995 2.77606C10.7665 2.41803 9.7714 2.25007 8.77259 2.28204C7.77378 2.314 6.79143 2.54525 5.88325 2.9622C4.97507 3.37915 4.15937 3.9734 3.48407 4.71002C2.80877 5.44664 2.2875 6.31079 1.95086 7.25171C1.61422 8.19262 1.46902 9.19132 1.52377 10.1891C1.57853 11.187 1.83214 12.1638 2.26971 13.0622L1.55158 15.5766C1.49573 15.7718 1.48595 15.9774 1.52303 16.1771C1.5601 16.3768 1.64302 16.5652 1.76524 16.7274C1.88747 16.8896 2.04567 17.0212 2.22739 17.1119C2.40912 17.2026 2.60942 17.2499 2.81252 17.25C2.93432 17.2504 3.05554 17.2333 3.17252 17.1994L5.68689 16.4813C6.44534 16.8562 7.26252 17.0981 8.10283 17.1966C8.50288 18.1335 9.08963 18.9792 9.82728 19.6819C10.5649 20.3846 11.438 20.9297 12.3933 21.2839C13.3486 21.638 14.366 21.7938 15.3834 21.7418C16.4009 21.6898 17.3971 21.431 18.3113 20.9813L20.8256 21.6994C21.0506 21.7635 21.2886 21.7663 21.515 21.7075C21.7414 21.6488 21.9479 21.5306 22.1133 21.3652C22.2787 21.1998 22.3969 20.9932 22.4556 20.7668C22.5144 20.5404 22.5116 20.3025 22.4475 20.0775L21.7303 17.5622ZM6.12752 15.0197C5.95555 14.9258 5.75365 14.9029 5.56502 14.956L3.08908 15.6638L3.79689 13.1878C3.84994 12.9992 3.82706 12.7973 3.73314 12.6253C2.95937 11.2347 2.76973 9.59361 3.20593 8.06314C3.64212 6.53267 4.66844 5.23816 6.05908 4.46439C7.44973 3.69062 9.09079 3.50097 10.6213 3.93717C12.1517 4.37337 13.4462 5.39968 14.22 6.79033C12.3769 6.98557 10.671 7.85536 9.43053 9.23243C8.19001 10.6095 7.50243 12.3966 7.50002 14.25C7.50033 14.6997 7.54144 15.1484 7.62283 15.5906C7.10091 15.4687 6.59791 15.2766 6.12752 15.0197ZM20.206 17.6878L20.9138 20.1638L18.4378 19.456C18.2492 19.4029 18.0473 19.4258 17.8753 19.5197C16.6093 20.2093 15.1371 20.4196 13.7286 20.1121C12.3201 19.8045 11.0696 18.9997 10.2062 17.8451C9.34283 16.6905 8.92442 15.2635 9.02764 13.8255C9.13087 12.3875 9.74881 11.0349 10.7682 10.0154C11.7877 8.99599 13.1403 8.37805 14.5783 8.27483C16.0163 8.1716 17.4433 8.59001 18.5979 9.45338C19.7525 10.3168 20.5573 11.5673 20.8649 12.9758C21.1724 14.3843 20.9621 15.8565 20.2725 17.1225C20.1769 17.2949 20.153 17.498 20.206 17.6878ZM13.5 13.125C13.5 13.3475 13.434 13.565 13.3104 13.75C13.1868 13.935 13.0111 14.0792 12.8055 14.1644C12.6 14.2495 12.3738 14.2718 12.1555 14.2284C11.9373 14.185 11.7369 14.0778 11.5795 13.9205C11.4222 13.7632 11.315 13.5627 11.2716 13.3445C11.2282 13.1263 11.2505 12.9001 11.3357 12.6945C11.4208 12.4889 11.565 12.3132 11.75 12.1896C11.935 12.066 12.1525 12 12.375 12C12.6734 12 12.9595 12.1185 13.1705 12.3295C13.3815 12.5405 13.5 12.8266 13.5 13.125ZM18.75 13.125C18.75 13.3475 18.684 13.565 18.5604 13.75C18.4368 13.935 18.2611 14.0792 18.0555 14.1644C17.85 14.2495 17.6238 14.2718 17.4055 14.2284C17.1873 14.185 16.9869 14.0778 16.8295 13.9205C16.6722 13.7632 16.565 13.5627 16.5216 13.3445C16.4782 13.1263 16.5005 12.9001 16.5857 12.6945C16.6708 12.4889 16.815 12.3132 17 12.1896C17.185 12.066 17.4025 12 17.625 12C17.9234 12 18.2095 12.1185 18.4205 12.3295C18.6315 12.5405 18.75 12.8266 18.75 13.125Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all 0.2s;
}

.sidebar-icon-btn:hover .wechat-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%23495057'%3E%3Cpath d='M21.7303 17.5622C22.2593 16.4871 22.5229 15.3008 22.4992 14.1029C22.4754 12.9049 22.165 11.73 21.5939 10.6767C21.0228 9.62333 20.2076 8.72215 19.2166 8.04859C18.2257 7.37503 17.0877 6.94871 15.8981 6.80533C15.502 5.88786 14.9266 5.05882 14.2055 4.36688C13.4845 3.67495 12.6325 3.13408 11.6995 2.77606C10.7665 2.41803 9.7714 2.25007 8.77259 2.28204C7.77378 2.314 6.79143 2.54525 5.88325 2.9622C4.97507 3.37915 4.15937 3.9734 3.48407 4.71002C2.80877 5.44664 2.2875 6.31079 1.95086 7.25171C1.61422 8.19262 1.46902 9.19132 1.52377 10.1891C1.57853 11.187 1.83214 12.1638 2.26971 13.0622L1.55158 15.5766C1.49573 15.7718 1.48595 15.9774 1.52303 16.1771C1.5601 16.3768 1.64302 16.5652 1.76524 16.7274C1.88747 16.8896 2.04567 17.0212 2.22739 17.1119C2.40912 17.2026 2.60942 17.2499 2.81252 17.25C2.93432 17.2504 3.05554 17.2333 3.17252 17.1994L5.68689 16.4813C6.44534 16.8562 7.26252 17.0981 8.10283 17.1966C8.50288 18.1335 9.08963 18.9792 9.82728 19.6819C10.5649 20.3846 11.438 20.9297 12.3933 21.2839C13.3486 21.638 14.366 21.7938 15.3834 21.7418C16.4009 21.6898 17.3971 21.431 18.3113 20.9813L20.8256 21.6994C21.0506 21.7635 21.2886 21.7663 21.515 21.7075C21.7414 21.6488 21.9479 21.5306 22.1133 21.3652C22.2787 21.1998 22.3969 20.9932 22.4556 20.7668C22.5144 20.5404 22.5116 20.3025 22.4475 20.0775L21.7303 17.5622ZM6.12752 15.0197C5.95555 14.9258 5.75365 14.9029 5.56502 14.956L3.08908 15.6638L3.79689 13.1878C3.84994 12.9992 3.82706 12.7973 3.73314 12.6253C2.95937 11.2347 2.76973 9.59361 3.20593 8.06314C3.64212 6.53267 4.66844 5.23816 6.05908 4.46439C7.44973 3.69062 9.09079 3.50097 10.6213 3.93717C12.1517 4.37337 13.4462 5.39968 14.22 6.79033C12.3769 6.98557 10.671 7.85536 9.43053 9.23243C8.19001 10.6095 7.50243 12.3966 7.50002 14.25C7.50033 14.6997 7.54144 15.1484 7.62283 15.5906C7.10091 15.4687 6.59791 15.2766 6.12752 15.0197ZM20.206 17.6878L20.9138 20.1638L18.4378 19.456C18.2492 19.4029 18.0473 19.4258 17.8753 19.5197C16.6093 20.2093 15.1371 20.4196 13.7286 20.1121C12.3201 19.8045 11.0696 18.9997 10.2062 17.8451C9.34283 16.6905 8.92442 15.2635 9.02764 13.8255C9.13087 12.3875 9.74881 11.0349 10.7682 10.0154C11.7877 8.99599 13.1403 8.37805 14.5783 8.27483C16.0163 8.1716 17.4433 8.59001 18.5979 9.45338C19.7525 10.3168 20.5573 11.5673 20.8649 12.9758C21.1724 14.3843 20.9621 15.8565 20.2725 17.1225C20.1769 17.2949 20.153 17.498 20.206 17.6878ZM13.5 13.125C13.5 13.3475 13.434 13.565 13.3104 13.75C13.1868 13.935 13.0111 14.0792 12.8055 14.1644C12.6 14.2495 12.3738 14.2718 12.1555 14.2284C11.9373 14.185 11.7369 14.0778 11.5795 13.9205C11.4222 13.7632 11.315 13.5627 11.2716 13.3445C11.2282 13.1263 11.2505 12.9001 11.3357 12.6945C11.4208 12.4889 11.565 12.3132 11.75 12.1896C11.935 12.066 12.1525 12 12.375 12C12.6734 12 12.9595 12.1185 13.1705 12.3295C13.3815 12.5405 13.5 12.8266 13.5 13.125ZM18.75 13.125C18.75 13.3475 18.684 13.565 18.5604 13.75C18.4368 13.935 18.2611 14.0792 18.0555 14.1644C17.85 14.2495 17.6238 14.2718 17.4055 14.2284C17.1873 14.185 16.9869 14.0778 16.8295 13.9205C16.6722 13.7632 16.565 13.5627 16.5216 13.3445C16.4782 13.1263 16.5005 12.9001 16.5857 12.6945C16.6708 12.4889 16.815 12.3132 17 12.1896C17.185 12.066 17.4025 12 17.625 12C17.9234 12 18.2095 12.1185 18.4205 12.3295C18.6315 12.5405 18.75 12.8266 18.75 13.125Z'/%3E%3C/svg%3E");
}

/* Tooltip样式 */
.tooltip {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 8px;
  background: #374151;
  color: white;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
  pointer-events: none;
  z-index: 1000;
}

/* Tooltip箭头 */
.tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid transparent;
  border-top-color: #374151;
}

/* 悬停时显示tooltip */
.sidebar-icon-btn:hover .tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-4px);
}

/* 微信群二维码tooltip样式 */
.wechat-tooltip {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  margin-left: 12px;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 16px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
  pointer-events: none;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  width: 180px;
}

/* 微信tooltip箭头 */
.wechat-tooltip::after {
  content: '';
  position: absolute;
  top: 50%;
  left: -12px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid white;
  z-index: 2;
}

/* 微信tooltip箭头边框 */
.wechat-tooltip::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -13px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #e5e5e5;
  z-index: 1;
}

/* 悬停时显示微信tooltip */
.wechat-btn:hover .wechat-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(4px);
}

.wechat-tooltip-header {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-bottom: 12px;
}

.wechat-qr-code {
  display: flex;
  justify-content: center;
  align-items: center;
}

.wechat-qr-image {
  width: 120px;
  height: 120px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: white;
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.login-btn {
  display: block;
  text-align: center;
  background: linear-gradient(92deg, #4a70ff, #25f4a0);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.2s;
  font-size: 14px;
}

.login-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(74, 158, 255, 0.3);
}

/* 用户资料样式 */
.user-profile {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #f8f9fa;
  border-radius: 8px;
  transition: all 0.2s;
}

.user-profile:hover {
  background: #e9ecef;
}

.user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #4a9eff, #00d4aa);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.avatar-initial {
  color: white;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.user-avatar .avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.user-name {
  font-size: 14px;
  font-weight: 500;
  color: #495057;
  flex: 1;
}

/* 用户下拉菜单样式 */
.user-profile-container {
  position: relative;
}

.user-profile {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #f8f9fa;
  border-radius: 8px;
  transition: all 0.2s;
  cursor: pointer;
}

.user-profile:hover {
  background: #e9ecef;
}

.profile-edit-icon {
  margin-left: auto;
  opacity: 0;
  transition: opacity 0.2s;
}

.user-profile:hover .profile-edit-icon {
  opacity: 1;
}

.edit-icon {
  width: 16px;
  height: 16px;
  color: #6c757d;
}

/* 下拉菜单 */
.user-dropdown-menu {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.2s ease;
  z-index: 1000;
  margin-bottom: 8px;
  min-width: 240px;
}

.user-profile-container:hover .user-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dropdown-header {
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.dropdown-user-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #4a9eff, #00d4aa);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.dropdown-avatar-initial {
  color: white;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

.dropdown-user-avatar .avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.dropdown-user-info {
  flex: 1;
}

.dropdown-user-name {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #212529;
  margin-bottom: 2px;
}

.dropdown-user-title {
  display: block;
  font-size: 14px;
  color: #6c757d;
}

.dropdown-divider {
  height: 1px;
  background: #f1f3f4;
  margin: 0 16px;
}

.dropdown-menu-items {
  padding: 8px 0;
}

.dropdown-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  color: #495057;
  text-decoration: none;
  font-size: 14px;
  transition: background-color 0.2s;
}

.dropdown-item:hover {
  background: #f8f9fa;
  color: #495057;
  text-decoration: none;
}

.dropdown-item.logout-item {
  color: #dc3545;
  position: relative;
}

.dropdown-item.logout-item:hover {
  background: #fff5f5;
  color: #dc3545;
}

.dropdown-item.logout-item.loading {
  pointer-events: none;
  opacity: 0.6;
}

.dropdown-item.logout-item.loading::after {
  content: '';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 2px solid #dc3545;
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: translateY(-50%) rotate(0deg); }
  100% { transform: translateY(-50%) rotate(360deg); }
}

.dropdown-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* 移动端顶部导航栏 */
.mobile-header {
  display: none;
  height: 60px;
  background: white;
  border-bottom: 1px solid #e9ecef;
  padding: 0 16px;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1000;
}

.mobile-logo {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mobile-menu-btn {
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s;
}

.mobile-menu-btn:hover {
  background: #f8f9fa;
}

.mobile-menu-icon {
  width: 24px;
  height: 24px;
  color: #495057;
}

/* 移动端侧边栏覆盖层 */
.mobile-sidebar-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.mobile-sidebar-overlay.show {
  opacity: 1;
  visibility: visible;
}

/* 移动端侧边栏 */
.mobile-sidebar {
  position: fixed;
  top: 0;
  right: -280px;
  width: 280px;
  height: 100vh;
  background: white;
  z-index: 1002;
  transition: right 0.3s ease;
  overflow-y: auto;
  box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
}

.mobile-sidebar.show {
  right: 0;
}

.mobile-sidebar-header {
  padding: 20px 24px;
  border-bottom: 1px solid #e9ecef;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mobile-close-btn {
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s;
}

.mobile-close-btn:hover {
  background: #f8f9fa;
}

.mobile-close-icon {
  width: 20px;
  height: 20px;
  color: #495057;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .fullscreen-app {
    flex-direction: column;
  }
  
  .left-sidebar {
    display: none;
  }
  
  .mobile-header {
    display: flex;
  }
  
  .mobile-sidebar-overlay {
    display: block;
  }
  
  .main-content {
    height: calc(100vh - 60px);
  }
}