.btn-primary{background:var(--ink,#1d1d1f);color:var(--canvas,#fff);padding:17px 34px;border-radius:100px;font-size:16px;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:10px;box-shadow:0 1px 2px #13111c47,0 10px 28px #4b3c7a47,0 4px 12px #13111c2e,inset 0 1px #ffffff14;letter-spacing:-.15px;animation:btn-breathe 3.2s ease-in-out infinite;border:none;cursor:pointer;text-decoration:none;}

.download-buttons{display:flex;gap:16px;justify-content:center;margin:16px 0 0;flex-wrap:wrap;}
.btn-secondary{background:var(--canvas,#fff);color:var(--ink,#1d1d1f);padding:17px 34px;border-radius:100px;font-size:16px;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:10px;box-shadow:0 1px 2px #13111c47,0 10px 28px #4b3c7a47,0 4px 12px #13111c2e,inset 0 1px #ffffff14;letter-spacing:-.15px;animation:btn-breathe 3.2s ease-in-out infinite;border:2px solid #d2d2d7;cursor:pointer;text-decoration:none;}
.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 1px 2px #13111c47,0 12px 32px #4b3c7a47,0 4px 12px #13111c2e,inset 0 1px #ffffff14;border-color:#0071e3;}
.btn-guide{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:17px 34px;border-radius:100px;font-size:16px;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:10px;box-shadow:0 1px 2px #13111c47,0 10px 28px #4b3c7a47,0 4px 12px #13111c2e,inset 0 1px #ffffff14;letter-spacing:-.15px;animation:btn-breathe 3.2s ease-in-out infinite;border:none;cursor:pointer;text-decoration:none;}
.btn-guide:hover{transform:translateY(-1px);box-shadow:0 1px 2px #13111c47,0 12px 32px #4b3c7a47,0 4px 12px #13111c2e,inset 0 1px #ffffff14;background:linear-gradient(135deg,#6d28d9,#9333ea);}
/* 模型配置指南弹窗 */
.guide-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:9998;justify-content:center;align-items:center;backdrop-filter:blur(4px);}
.guide-overlay.active{display:flex;}
.guide-box{background:#fff;border-radius:20px;padding:24px;max-width:80vw;width:90%;height:60vh;max-height:700px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.4);animation:modal-in 0.3s ease;display:flex;flex-direction:column;}
.guide-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e5e7;}
.guide-header h2{font-size:20px;font-weight:700;margin:0;color:#1d1d1f;}
.guide-header .btn-close-guide{background:none;border:none;font-size:28px;cursor:pointer;color:#86868b;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
.guide-header .btn-close-guide:hover{background:#f5f5f7;color:#1d1d1f;}
.guide-swiper{flex:1;overflow:hidden;position:relative;border-radius:12px;}
.guide-track{display:flex;transition:transform 0.4s cubic-bezier(.25,.46,.45,.94);height:100%;}
.guide-slide{min-width:100%;height:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;padding:12px;overflow-y:auto;gap:20px;}
.guide-slide::-webkit-scrollbar{width:4px;}
.guide-slide::-webkit-scrollbar-thumb{background:#d2d2d7;border-radius:2px;}
.guide-slide img{max-width:50%;max-height:55vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.1);flex-shrink:0;}
.guide-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.9);border:none;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:all 0.2s;z-index:10;color:#333;}
.guide-nav:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.25);transform:translateY(-50%) scale(1.1);}
.guide-nav.prev{left:8px;}
.guide-nav.next{right:8px;}
.guide-dots{display:flex;justify-content:center;gap:8px;margin-top:16px;}
.guide-dots .dot{width:10px;height:10px;border-radius:50%;background:#d2d2d7;cursor:pointer;transition:all 0.3s;border:none;}
.guide-dots .dot.active{background:#7c3aed;width:24px;border-radius:5px;}
.guide-counter{margin-top:8px;text-align:center;color:#86868b;font-size:14px;}
.guide-slide-desc{max-width:none;flex:1;padding:16px;background:#f9f9fb;border-radius:12px;text-align:left;}
.guide-slide-desc h3{font-size:16px;font-weight:700;margin:0 0 8px;color:#1d1d1f;}
.guide-slide-desc p{font-size:14px;line-height:1.7;color:#4a5568;margin:0 0 6px;}
.guide-slide-desc ul{padding-left:18px;margin:4px 0;}
.guide-slide-desc li{font-size:14px;line-height:1.7;color:#4a5568;margin-bottom:4px;}
.guide-slide-desc ul ul{padding-left:16px;margin-top:4px;}
.guide-slide-desc code{background:#eef2ff;padding:2px 6px;border-radius:4px;font-size:13px;color:#6d28d9;font-family:monospace;}
.guide-slide img{max-width:42%;max-height:45vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.1);flex-shrink:0;}
@keyframes btn-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif; background: #f5f5f7; color: #1d1d1f; }
.hero { text-align: center; padding: 16px 20px 24px; background: linear-gradient(180deg, #ffffff 0%, #f5f5f7 100%); }
.badge { display: block; background: linear-gradient(135deg, #0071e3, #005bb5); color: white; font-size: 13px; font-weight: 500; padding: 6px 16px; border-radius: 20px; margin: 0 auto 12px; letter-spacing: 0.5px; width: fit-content; }
.hero h1 { font-size: 48px; font-weight: 700; margin-bottom: 12px; letter-spacing: -1px; }
.hero-subtitle { font-size: 17px; color: #86868b; margin-bottom: 8px; line-height: 1.6; }
.search-container { max-width: 560px; margin: 40px auto 60px; position: relative; }
.search-input { width: 100%; padding: 16px 20px 16px 48px; border: 1px solid #d2d2d7; border-radius: 12px; font-size: 16px; background: white; outline: none; transition: all 0.3s ease; color: #1d1d1f; }
.search-input:focus { border-color: #0071e3; box-shadow: 0 2px 12px rgba(0,113,227,0.15); }
.search-icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #86868b; font-size: 18px; }
.stats { display: flex; justify-content: center; gap: 60px; padding: 40px 20px; background: white; border-top: 1px solid #e5e5e7; border-bottom: 1px solid #e5e5e7; }
.stat-item { text-align: center; }
.stat-number { font-size: 48px; font-weight: 700; color: #0071e3; line-height: 1.1; }
.stat-label { font-size: 14px; color: #86868b; margin-top: 4px; }
.departments { max-width: 1200px; margin: 0 auto; padding: 60px 20px; }
.section-title { font-size: 32px; font-weight: 700; text-align: center; margin-bottom: 40px; }
#dept-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.dept-card { background: white; border-radius: 16px; padding: 24px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); cursor: pointer; transition: all 0.3s ease; }
.dept-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.12); transform: translateY(-2px); }
.dept-name { font-size: 20px; font-weight: 600; margin-bottom: 8px; }
.dept-count { color: #0071e3; font-size: 14px; margin-bottom: 8px; }
.dept-desc { color: #86868b; font-size: 14px; line-height: 1.5; }
.agent-list { display: none; margin: 12px 0; padding: 12px; background: #f5f5f7; border-radius: 8px; }
.agent-list.active { display: block; }
.agent-item { padding: 12px; margin: 8px 0; background: white; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,0.06); cursor: pointer; transition: all 0.2s ease; }
.agent-item:hover { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.agent-name { font-weight: 600; margin-bottom: 4px; }
.agent-src { font-size: 12px; color: #86868b; }
.modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000; justify-content: center; align-items: center; }
.modal.active { display: flex; }
.modal-content { background: white; border-radius: 16px; padding: 32px; max-width: 800px; width: 90%; max-height: 80vh; overflow-y: auto; box-shadow: 0 12px 40px rgba(0,0,0,0.2); }
.modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid #e5e5e7; }
.modal-title { font-size: 24px; font-weight: 700; }
.modal-close { background: none; border: none; font-size: 24px; cursor: pointer; color: #86868b; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.modal-close:hover { background: #f5f5f7; }
.modal-body { line-height: 1.8; }
.modal-body h2 { font-size: 22px; margin: 16px 0 10px; }
.modal-body h3 { font-size: 18px; margin: 12px 0 8px; }
.modal-body p { margin: 8px 0; }
.modal-body ul, .modal-body ol { margin: 8px 0 8px 24px; }
.modal-body li { margin: 4px 0; }
.modal-body strong { font-weight: 600; }
.modal-body code { background: #f5f5f7; padding: 2px 6px; border-radius: 4px; font-size: 14px; }
.loading { text-align: center; padding: 40px; color: #86868b; }
.error { text-align: center; padding: 40px; color: #ff3b30; }
/* 弹窗左右分栏 */
.modal-split {
  display: flex;
  gap: 0;
  max-height: 70vh;
  overflow: hidden;
  padding: 0;
}
.modal-sidebar {
  width: 320px;
  min-width: 280px;
  background: #f5f5f7;
  border-right: 1px solid #e5e5e7;
  overflow-y: auto;
  padding: 16px;
}
.sidebar-title {
  font-size: 14px;
  font-weight: 600;
  color: #86868b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
  padding: 0 8px;
}
.sidebar-agent-item {
  padding: 12px;
  margin-bottom: 8px;
  background: white;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 2px solid transparent;
}
.sidebar-agent-item:hover {
  background: #f0f0f2;
}
.sidebar-agent-item.active {
  border-color: #0071e3;
  background: #f0f7ff;
}

/* 智能体头像样式 */
.sidebar-agent-avatar-area {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 50%;
  overflow: hidden;
  background: #f0f0f2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  flex-shrink: 0;
}
.sidebar-agent-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.sidebar-agent-info {
  flex: 1;
  min-width: 0;
}
.sidebar-agent-item {
  display: flex;
  align-items: center;
}
.sidebar-agent-name {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 4px;
  color: #1d1d1f;
}
.sidebar-agent-desc {
  font-size: 12px;
  color: #86868b;
  line-height: 1.4;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sidebar-agent-src {
  font-size: 11px;
  color: #0071e3;
}
.modal-main {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
}
/* 搜索高亮匹配文字 */
.highlight {
  background: #fff3cd;
  padding: 1px 2px;
  border-radius: 2px;
}
@media (max-width: 768px) {
  .hero { padding: 60px 16px 40px; }
  .hero h1 { font-size: 32px; }
  .stats { gap: 30px; flex-wrap: wrap; }
  .stat-number { font-size: 36px; }
  #dept-list { grid-template-columns: repeat(2, 1fr); }
  .modal-sidebar { width: 100%; min-width: auto; border-right: none; border-bottom: 1px solid #e5e5e7; max-height: 40vh; }
  .modal-split { flex-direction: column; }
  .modal-main { max-height: 40vh; }
}
@media (min-width: 769px) and (max-width: 1200px) {
  #dept-list { grid-template-columns: repeat(3, 1fr); }
}

/* 收款弹窗 */
.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9999;justify-content:center;align-items:center;backdrop-filter:blur(4px);}
.modal-overlay.active{display:flex;}
.modal-box{background:#fff;border-radius:16px;padding:32px;max-width:380px;width:90%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.3);animation:modal-in 0.3s ease;}
@keyframes modal-in{from{opacity:0;transform:translateY(20px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}
.modal-box h2{font-size:22px;margin:0 0 8px;font-weight:700;}
.modal-box .price{font-size:36px;font-weight:700;color:#ff4444;margin:12px 0;}
.modal-box .price small{font-size:18px;font-weight:400;color:#86868b;}
.modal-box .qr-wrapper{margin:20px auto;border:2px dashed #e5e5e7;border-radius:12px;padding:16px;background:#f9f9f9;}
.modal-box .qr-wrapper img{max-width:240px;border-radius:8px;}
.modal-box .hint{font-size:14px;color:#86868b;margin:12px 0 4px;}
.modal-box .timer{font-size:24px;font-weight:600;color:#0071e3;margin:8px 0;}
.modal-box .btn-confirmed{background:#0071e3;color:#fff;border:none;padding:14px 32px;border-radius:100px;font-size:16px;font-weight:500;cursor:pointer;transition:all 0.2s;margin-top:12px;width:100%;}
.modal-box .btn-confirmed:hover{background:#005bb5;transform:translateY(-1px);}
.modal-box .btn-confirmed:disabled{background:#ccc;cursor:not-allowed;transform:none;}
.modal-box .btn-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#86868b;}

/* ========== 顶部导航栏 ========== */
.top-nav{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid #e5e5e7;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;}
.nav-left{display:flex;align-items:center;gap:12px;}
.nav-logo{width:36px;height:36px;border-radius:8px;object-fit:cover;}
.nav-title{font-size:20px;font-weight:700;color:#1d1d1f;letter-spacing:-0.5px;}
.nav-center{display:flex;align-items:center;gap:4px;}
.nav-link{display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:8px;text-decoration:none;color:#86868b;font-size:14px;font-weight:500;transition:all 0.2s;}
.nav-link:hover{background:#f5f5f7;color:#1d1d1f;}
.nav-link.active{background:#f5f5f7;color:#1d1d1f;}
.nav-icon{font-size:15px;}
.nav-right{display:flex;align-items:center;gap:16px;}
.nav-ico{width:18px;height:18px;fill:currentColor;vertical-align:-0.1em;}
.nav-feedback-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid #d2d2d7;padding:8px 16px;border-radius:100px;font-size:14px;color:#1d1d1f;cursor:pointer;transition:all 0.2s;font-weight:500;}
.nav-feedback-btn:hover{background:#f5f5f7;border-color:#0071e3;color:#0071e3;}
.nav-feedback-btn svg{width:18px;height:18px;}

/* 在线试用按钮 */
.nav-trial-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0071e3,#005bb5);color:#fff;border:none;padding:8px 20px;border-radius:100px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s;text-decoration:none;box-shadow:0 2px 8px rgba(0,113,227,0.3);}
.nav-trial-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,113,227,0.4);background:linear-gradient(135deg,#0077ed,#005fcc);}
.nav-trial-btn svg{width:18px;height:18px;}

/* ========== 反馈弹窗 ========== */
.feedback-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9999;justify-content:center;align-items:center;backdrop-filter:blur(4px);}
.feedback-overlay.active{display:flex;}
.feedback-modal{background:#fff;border-radius:20px;width:90vw;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 80px rgba(0,0,0,0.4);animation:modal-in 0.3s ease;}
.feedback-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e7;}
.feedback-header h2{font-size:20px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px;}
.feedback-close{background:none;border:none;font-size:28px;cursor:pointer;color:#86868b;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
.feedback-close:hover{background:#f5f5f7;color:#1d1d1f;}
.feedback-body{flex:1;overflow-y:auto;padding:24px;}
.feedback-empty{text-align:center;padding:60px 20px;color:#86868b;}
.feedback-empty svg{width:64px;height:64px;margin-bottom:16px;opacity:0.3;}
.feedback-item{background:#f9f9fb;border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid #e5e5e7;transition:all 0.2s;}
.feedback-item:hover{border-color:#0071e3;background:#f0f7ff;}
.feedback-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.feedback-module{font-size:12px;font-weight:600;color:#0071e3;background:#e8f0fe;padding:2px 8px;border-radius:4px;}
.feedback-time{font-size:12px;color:#86868b;}
.feedback-desc{font-size:14px;color:#1d1d1f;line-height:1.5;margin:0;}
.site-footer {
  background: #f5f5f7;
  border-top: 1px solid #e5e5e7;
  padding: 32px 0 24px;
  margin-top: 60px;
}
.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.footer-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e5e5e7;
}
.footer-brand h3 {
  font-size: 18px;
  font-weight: 700;
  color: #1d1d1f;
  margin: 0 0 6px;
}
.footer-brand p {
  font-size: 13px;
  color: #86868b;
  margin: 0;
  line-height: 1.5;
}
.footer-links {
  display: flex;
  gap: 48px;
  flex-wrap: wrap;
}
.footer-col h4 {
  font-size: 13px;
  font-weight: 600;
  color: #1d1d1f;
  margin: 0 0 10px;
}
.footer-col a {
  display: block;
  font-size: 13px;
  color: #6e6e73;
  text-decoration: none;
  margin-bottom: 6px;
  transition: color 0.2s;
}
.footer-col a:hover {
  color: #0071e3;
}
.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 20px;
  font-size: 12px;
  color: #86868b;
}
.footer-bottom a {
  color: #6e6e73;
  text-decoration: none;
}
.footer-bottom a:hover {
  color: #0071e3;
}
@media (max-width: 768px) {
  .footer-top { flex-direction: column; }
  .footer-links { gap: 24px; }
  .footer-bottom { flex-direction: column; text-align: center; }
}

/* ========== 产品展示轮播 ========== */
.product-showcase{max-width:900px;margin:0 auto 40px;text-align:center;position:relative;}
.showcase-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.showcase-title{font-size:18px;font-weight:700;color:#1d1d1f;text-align:left;}
.showcase-dots{display:flex;gap:6px;}
.showcase-dots .dot{width:8px;height:8px;border-radius:50%;background:#d2d2d7;cursor:pointer;transition:all 0.3s;}
.showcase-dots .dot.active{background:#0071e3;width:24px;border-radius:4px;}
.showcase-viewport{width:100%;overflow:hidden;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,0.1);}
.showcase-track{display:flex;transition:transform 0.5s cubic-bezier(0.25,0.1,0.25,1);}
.showcase-slide{min-width:100%;padding:0;box-sizing:border-box;}
.showcase-slide img{width:100%;height:auto;display:block;border-radius:12px;}
.showcase-arrows{display:flex;justify-content:center;gap:12px;margin-top:16px;}
.showcase-arrow{width:40px;height:40px;border-radius:50%;border:1px solid #d2d2d7;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#86868b;transition:all 0.2s;}
.showcase-arrow:hover{background:#f5f5f7;border-color:#0071e3;color:#0071e3;}
@media (max-width: 768px){.showcase-title{font-size:16px;}}