/* Paw执笔 — 样式 */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, "PingFang SC", "Helvetica Neue", sans-serif; -webkit-font-smoothing: antialiased; }

/* Chip 组件 */
.chip { display: inline-block; padding: 6px 16px; border-radius: 8px; font-size: 14px; cursor: pointer; transition: all 0.15s; user-select: none; }
.chip-inactive { background: #f0f0ea; color: #555; }
.chip-active { background: #f97316; color: white; }
.chip-inactive:hover { background: #e5e5d8; }

/* 输入框 */
.input-textarea { width: 100%; border: 1px solid #e5e5e0; border-radius: 12px; padding: 16px; font-size: 14px; min-height: 100px; resize: none; outline: none; transition: border-color 0.15s; }
.input-textarea:focus { border-color: #f97316; box-shadow: 0 0 0 3px rgba(249,115,22,0.08); }

/* 按钮 */
.btn-primary { background: linear-gradient(135deg, #f97316, #fb923c); color: white; padding: 10px 40px; border-radius: 10px; font-size: 14px; font-weight: 500; border: none; cursor: pointer; transition: opacity 0.15s; }
.btn-primary:hover { opacity: 0.9; }
.btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }

/* 下拉菜单项 */
.dropdown-item { display: block; width: 100%; text-align: left; padding: 10px 16px; font-size: 13px; background: none; border: none; cursor: pointer; color: #333; transition: background 0.15s; }
.dropdown-item:hover { background: #fff5eb; color: #f97316; }

/* Toast */
.toast { position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%); background: #333; color: white; padding: 10px 24px; border-radius: 8px; font-size: 14px; z-index: 999; opacity: 0; transition: opacity 0.3s; pointer-events: none; }
.toast.show { opacity: 1; }

/* 结果卡片动画 */
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.result-card { animation: fadeIn 0.3s ease both; }

/* 登录弹层动画 */
@keyframes scaleIn { from { opacity: 0; transform: scale(0.92); } to { opacity: 1; transform: scale(1); } }
.animate-scale-in { animation: scaleIn 0.2s ease both; }

/* 移动端适配 */
@media (max-width: 640px) {
  .max-w-2xl { padding-left: 12px; padding-right: 12px; }
}