<风格>
/* ── AI营销落地范围风格 ── */
.aim-hero{位置:相对;溢出:隐藏;颜色:#fff;填充:90px 8% 70px;背景:径向渐变(中心顶部椭圆,#1a3f6f 0%,#0a2540 55%,#050d1a 100%);宽度:100%;box-sizing:border-box}
.aim-hero::before{内容:'';位置:绝对;插入:0;背景:url('data:image/svg+xml;utf8,') 0 0 / 24px 24px;不透明度:.4;指针事件:无}
.aim-hero-inner{位置:相对;z-index:2;最大宽度:1200px;边距:0 auto;文本对齐:中心}
.aim-eyebrow{显示:内联块;填充:9px 24px;背景:rgba(190,242,100,.14);边框:1.5px 实心#bef264;颜色:#bef264;字体大小:13.5px;字体粗细:800;字母间距:.14em;边框半径:999px;边距底部:28px;背景过滤器:模糊(8px)}
.aim-h1{边距:0 0 22px;字体大小:clamp(38px,5.5vw,72px);字体粗细:900;行高:1.08;字母间距:-.03em;颜色:#fff;文本阴影:0 6px 28px rgba(0,0,0,.5)}
.aim-h1-accent{背景:线性渐变(120deg,#fbbf24 0%,#fde68a 50%,#bef264 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.aim-lead{边距:0 auto;最大宽度:880px;颜色:#a8c0d8;字体大小:clamp(16px,1.65vw,20px);行高:1.85;文本阴影:0 2px 10px rgba(0,0,0,.4)}
.aim-grid-section{填充:80px 8%;背景:线性渐变(180deg,#f3f5f8 0%,#fff 100%);宽度:100%;框大小:边框}
.aim-section-title{文本对齐:中心;字体大小:clamp(26px,3.2vw,40px);字体粗细:900;颜色:#0a2540;边距:0 0 50px;字母间距:-.02em;行高:1.25}
.aim-section-title::after{内容:'';显示:块;宽度:60px;高度:4px;背景:线性渐变(90deg,#fbbf24,#bef264);边框半径:2px;边距:18px auto 0}
.aim-cards{显示:网格;网格模板列:重复(自动调整,minmax(280px,1fr));间隙:26px;最大宽度:1280px;边距:0自动}
.aim-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1.5pxsolid #e3e7ed;border-radius:18px;padding:32px 28px 28px;box-shadow:0 6px 22px rgba(10,37,64,.06);transition:transform .28s立方贝塞尔曲线(.16,.84,.45,1),盒子阴影0.28s,边框颜色0.28s;文本装饰:无;颜色:继承;溢出:隐藏}
.aim-card::before{内容:'';位置:绝对;顶部:0;左:0;右:0;高度:5px;背景:var(--aim-accent,#0284c7);变换:scaleX(0);变换原点:左;过渡:变换.35s立方贝塞尔曲线(.16,.84,.45,1)}
.aim-card:hover{变换:translateY(-8px);box-shadow:0 18px 44px rgba(10,37,64,.14);border-color:var(--aim-accent,#0284c7)}
.aim-card:hover::before{transform:scaleX(1)}
.aim-card-icon{字体大小:54px;行高:1;边距底部:18px;过滤器:drop-shadow(0 4px 10px rgba(10,37,64,.12))}
.aim-card-badge{显示:inline-block;align-self:flex-start;padding:5px 12px;背景:rgba(0,0,0,.04);颜色:#5b6878;字体大小:11.5px;字体粗细:800;字母间距:.06em;边框半径:999px;边距底部:12px}
.aim-card-title{边距:0 0 12px;字体大小:22px;字体粗细:900;颜色:#0a2540;行高:1.3;字母间距:-.01em}
.aim-card-desc{边距:0 0 22px;颜色:#5b6878;字体大小:14.5px;行高:1.75;flex:1}
.aim-card-cta{显示:内联-flex;对齐项目:中心;间隙:6px;填充:10px 18px;背景:var(--aim-accent,#0284c7);颜色:#fff;边框半径:10px;字体粗细:800;字体大小:14px;align-self:flex-start;框阴影:0 4px 12px rgba(2,132,199,.28);过渡:变换.15s}
.aim-card:悬停 .aim-card-cta{transform:translateX(4px)}
.aim-card.featured{背景:线性渐变(135deg,#fef3c7 0%,#fff 60%);边框颜色:#fbbf24}
.aim-card.featured .aim-card-badge{背景:rgba(251,191,36,.22);颜色:#92400e}
.aim-cta-band{顶部边距:80px;内边距:46px 36px;背景:线性渐变(135deg,#0a2540 0%,#1a3f6f 50%,#0284c7 100%);边框半径:22px;颜色:#fff;文本对齐:中心;最大宽度:1120px;左边距:自动;右边距:自动;框阴影:0 12px 36px rgba(10,37,64,.18);po位置:相对;溢出:隐藏}
.aim-cta-band::之前{内容:'⚡';位置:绝对;字体大小:240px;不透明度:.05;顶部:-30px;右:30px;行高:1}
.aim-cta-title{字体大小:clamp(22px,2.6vw,32px);字体粗细:900;边距:0 0 14px;字母间距:-.02em;颜色:#fff !重要}
.aim-cta-body{边距:0自动26px;最大宽度:680px;字体大小:16px;行高:1.8;颜色:#cbd5e1}
.aim-cta-btn{显示:内联-flex;对齐项目:中心;间隙:8px;填充:14px 28px;背景:#fbbf24;颜色:#0a2540;文本装饰:无;边框半径:12px;字体粗细:900;字体大小:15.5px;框阴影:0 8px 22px rgba(251,191,36,.45);过渡:变换.15s}
.aim-cta-btn:悬停{变换:translateY(-2px);box-shadow:0 12px 30px rgba(251,191,36,.55)}
@media(最大宽度:720px){
.aim-hero{内边距:60px 5% 50px}
.aim-grid-section{填充:60px 5%}
.aim-card{填充:26px 22px}
.aim-card-icon{字体大小:46px}
.aim-cta-band{padding:36px 22px;margin-top:60px}
}
⚡ 驻地AI控制 · 1个园区企业专用让 AI 最前沿发现
你的企业
ChatGPT · 困惑 · 双子座 · 克劳德 — 全家不可重复使用,可以在 Google 上使用。
我正在偶尔搬家。 style="color:#fbbf24">AI兼容版本.
你准备好开始了吗?
请先在⚡ AI优先曝光页面填写AI支持申请表。全部免费。
⚡ AI优先曝光