/* 基础样式 */
* { margin:0; padding:0; box-sizing:border-box; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
body { min-height:100vh; background:#0b1220; color:#e5e7eb; }
header { padding:20px 24px; background:#020617; font-size:22px; font-weight:600; display:flex; align-items:center; gap:10px; border-bottom:1px solid rgba(255,255,255,0.08); }
header span { font-size:26px; }
.container { max-width:520px; margin:0 auto; padding:48px 24px 64px; text-align:left; }
.icon { width:88px; height:88px; border-radius:50%; background:rgba(255,255,255,0.15); display:flex; align-items:center; justify-content:center; margin:0 auto 24px; font-size:36px; }
h1 { font-size:36px; font-weight:700; line-height:1.2; margin-bottom:16px; }
.subtitle { font-size:16px; color:#9ca3af; margin-bottom:28px; }
.trust-box { background:#111827; border-radius:12px; padding:20px; margin-bottom:28px; border:1px solid rgba(255,255,255,0.08); }
.trust-box strong { color:#60a5fa; }
.trust-box p { font-size:15px; opacity:0.95; line-height:1.5; }
input { width:100%; padding:14px 16px; border-radius:10px; border:1px solid rgba(255,255,255,0.12); background:#020617; color:#e5e7eb; font-size:15px; }
button { width:100%; padding:16px; border-radius:10px; border:none; font-size:16px; font-weight:600; cursor:pointer; background:#2563eb; color:#fff; display:flex; align-items:center; justify-content:center; gap:8px; }
button:hover { transform:translateY(-2px); box-shadow:0 14px 30px rgba(0,0,0,0.35); }
.disclaimer { margin-top:18px; font-size:13px; opacity:0.75; line-height:1.5; }
.features { display:flex; justify-content:space-between; gap:12px; margin-top:44px; }
.feature { background:#111827; border-radius:10px; padding:14px; font-size:13px; border:1px solid rgba(255,255,255,0.08); color:#d1d5db; }
.feature span { font-size:22px; display:block; margin-bottom:8px; }

/* Loader */
#aiLoader { position:fixed; inset:0; background:rgba(2,6,23,0.85); display:none; align-items:center; justify-content:center; z-index:9999; }
.loader-box { width:90%; max-width:420px; background:rgba(0,0,0,0.25); border-radius:20px; padding:32px 26px; text-align:center; backdrop-filter:blur(10px); animation:fadeInUp 0.4s ease forwards; transform:translateY(10px); }
.spinner { width:52px; height:52px; border:5px solid rgba(255,255,255,0.3); border-top:5px solid #ffd84d; border-radius:50%; margin:0 auto 20px; animation:spin 1s linear infinite; }
@keyframes spin { to{ transform:rotate(360deg); } }
@keyframes fadeInUp { from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:translateY(0); } }
.progress-bar { width:100%; height:10px; background:rgba(255,255,255,0.2); border-radius:10px; margin:16px 0 6px; overflow:hidden; }
#progressFill { width:0%; height:100%; background:linear-gradient(90deg,#ffd84d,#f0b400); transition: width 0.45s ease; }
#progressPercent { font-size:14px; opacity:0.9; }

/* Modal */
#analysisCompleteModal { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.65); align-items:center; justify-content:center; z-index:10000; }
#analysisCompleteModal .modal-box { background:#020617; color:#e5e7eb; border-radius:18px; padding:32px 28px; max-width:420px; width:90%; text-align:center; transform:scale(0.92); opacity:0; transition:all 0.35s ease; }
#analysisCompleteModal.show .modal-box { transform:scale(1); opacity:1; }
.whatsapp-btn { margin-top:20px; padding:16px 28px; background:linear-gradient(135deg,#16a34a,#22c55e); color:#022c22; border-radius:14px; font-weight:700; font-size:16px; border:none; cursor:pointer; }

/* Footer */
.disclosure-box { max-width:720px; margin:80px auto 40px; padding:28px 24px; font-size:13px; line-height:1.6; color:#9ca3af; border-top:1px solid rgba(255,255,255,0.08); }
.disclosure-box h2 { font-size:16px; font-weight:600; color:#e5e7eb; margin-bottom:16px; }
.disclosure-box p { margin-bottom:14px; }
.disclosure-box hr { border:none; border-top:1px solid rgba(255,255,255,0.08); margin:24px 0; }
.disclosure-box .copy { font-weight:500; opacity:0.85; margin-bottom:4px; }
.disclosure-box .note { font-size:12px; opacity:0.75; line-height:1.4; }
/* 折叠按钮 */
.disclosure-toggle {
  width: 100%;
  background: #0b1220; /* 跟 body 背景一致 */
  border: none;
  padding: 0;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 600;
  color: #9ca3af; /* 和普通文字颜色一致，低调 */
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

/* 箭头 */
.disclosure-toggle:hover {
  opacity: 0.85;
}

/* 箭头 */
.disclosure-toggle .arrow {
  font-size: 13px;
  transition: transform 0.3s ease;
  opacity: 0.8;
}

/* 展开时箭头旋转 */
.disclosure-toggle.open .arrow {
  transform: rotate(180deg);
}

/* 内容区（默认折叠） */
.disclosure-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s ease, opacity 0.3s ease;
  opacity: 0;
}

.disclosure-content p {
  margin-bottom: 14px;
}

/* 展开状态 */
.disclosure-content.open {
  max-height: 800px; /* 足够即可 */
  opacity: 1;
}





.icon {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
}

.icon img {
  width: 98px;
  height: 98px;
  object-fit: contain;
}