/* ===== 全局样式 ===== */
html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, sans-serif; color: #1c1c1c; background: #fafaf8; }
#app { min-height: 100vh; display: flex; flex-direction: column; }

/* 导航栏 */
.nav-scrolled { background: rgba(250,250,248,.95); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: 0 1px 20px rgba(0,0,0,0.06); }
.nav-link { position: relative; }
.nav-link::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 1px; background: #b8924e; transition: width 0.3s ease; }
.nav-link:hover::after, .nav-link.active::after { width: 100%; }

/* 移动菜单 */
.mobile-menu-enter-active, .mobile-menu-leave-active { transition: all 0.35s ease; overflow: hidden; }
.mobile-menu-enter-from, .mobile-menu-leave-to { max-height: 0; opacity: 0; }
.mobile-menu-enter-to, .mobile-menu-leave-from { max-height: 500px; opacity: 1; }

/* 轮播 */
.carousel-slide { position: absolute; inset: 0; transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
.carousel-dot { transition: all 0.3s ease; }

/* 淡入 */
.fade-in { opacity: 0; transform: translateY(24px); transition: opacity 0.7s ease, transform 0.7s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }

/* 产品卡片 */
.product-card:hover .product-overlay { opacity: 1; }
.product-overlay { opacity: 0; transition: opacity 0.4s ease; }

/* Toast */
.toast-global { position: fixed; bottom: 40px; right: 40px; z-index: 9999; padding: 16px 28px; border-radius: 4px; font-size: 14px; color: #fff; transform: translateY(100px); opacity: 0; transition: all 0.4s ease; box-shadow: 0 8px 30px rgba(0,0,0,0.15); pointer-events: none; }
.toast-global.show { transform: translateY(0); opacity: 1; }
.toast-global.success { background: #1c1c1c; border-left: 3px solid #b8924e; }
.toast-global.error { background: #1c1c1c; border-left: 3px solid #c0392b; }

/* 表单 */
.form-input { width: 100%; padding: 14px 0; border: none; border-bottom: 1px solid #e8e6e0; background: transparent; font-size: 15px; color: #1c1c1c; outline: none; transition: border-color .3s; font-family: 'Inter', system-ui, sans-serif; }
.form-input:focus { border-bottom-color: #b8924e; }
.form-input::placeholder { color: #b0b0b0; }
textarea.form-input { resize: vertical; min-height: 120px; }

/* 时间线 */
.timeline-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #e8e6e0; transform: translateX(-50%); }

/* 滚动条 */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f0efeb; }
::-webkit-scrollbar-thumb { background: #b8924e; border-radius: 3px; }

/* 汉堡按钮 */
.hamburger-bar { display: block; width: 24px; height: 1px; background: #1c1c1c; transition: all 0.3s; transform-origin: center; }
.hamburger-bar.open:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.hamburger-bar.open:nth-child(2) { opacity: 0; }
.hamburger-bar.open:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }