/* 亦特AI ete AI - 自定义组件样式（配合 TailwindCSS） */
:root{
  --brand:#2B4CDE;--brand-d:#1E3A9E;--brand-l:#4A6AFF;
  --accent:#00B894;--warn:#F59E0B;--danger:#EF4444;
}
html{scroll-behavior:smooth}
body{font-family:'Inter','Noto Sans SC',-apple-system,sans-serif}

/* 导航高亮下划线 */
.nav-link{position:relative}
.nav-link.active::after{content:'';position:absolute;bottom:-6px;left:0;right:0;height:2px;background:var(--brand);border-radius:1px}

/* Hero 背景 */
.hero-bg{background:linear-gradient(180deg,#EEF2FF 0%,#fff 100%)}
.hero-glow::before{content:'';position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:900px;height:500px;background:radial-gradient(ellipse,rgba(43,76,222,.1),transparent 70%);pointer-events:none}
.hero-grid::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(43,76,222,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(43,76,222,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%)}

/* 卡片 hover */
.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}
.card-hover:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(15,23,42,.1);border-color:#C7D2FE}

/* 流程连线 */
.flow-line::before{content:'';position:absolute;top:28px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#C7D2FE,#00B894)}
@media(max-width:768px){.flow-line::before{display:none}}

/* 定价卡片 */
.price-card.featured{transform:scale(1.03);box-shadow:0 20px 60px rgba(43,76,222,.18)}
.price-card.featured:hover{transform:scale(1.03) translateY(-6px)}
@media(max-width:768px){.price-card.featured{transform:none}.price-card.featured:hover{transform:translateY(-6px)}}

/* 滑块 */
input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:#E0E7FF;outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--brand);cursor:pointer;box-shadow:0 2px 8px rgba(43,76,222,.3);border:3px solid #fff}
input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--brand);cursor:pointer;border:3px solid #fff}

/* FAQ */
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-item.open .faq-arrow{transform:rotate(180deg);color:var(--brand)}

/* 弹窗 */
.modal-overlay{opacity:0;visibility:hidden;transition:all .3s}
.modal-overlay.open{opacity:1;visibility:visible}
.modal-box{transform:translateY(20px);transition:transform .3s}
.modal-overlay.open .modal-box{transform:translateY(0)}

/* 脉冲动画 */
@keyframes pulse-ring{0%,100%{box-shadow:0 0 0 0 rgba(0,184,148,.4)}50%{box-shadow:0 0 0 8px rgba(0,184,148,0)}}
.pulse-dot{animation:pulse-ring 2s infinite}

/* 浮动按钮 */
.float-btn{box-shadow:0 8px 30px rgba(43,76,222,.35)}
.float-btn:hover{box-shadow:0 12px 40px rgba(43,76,222,.45)}