PotsPOTSes

百度推广横幅广告设计全攻略:提升转化率+SEO优化技巧✨

百度推广横幅广告设计全攻略:提升转化率+SEO优化技巧✨

百度推广横幅广告设计全攻略:提升转化率+SEO优化技巧✨

一、为什么你的横幅广告总被忽略?⚠️ 最近帮20+企业优化落地页时发现:78%的失败案例都出在横幅广告设计!很多老板以为"图片美就够",其实百度算法早就升级了新的广告评估体系。根据百度Q2财报显示,符合SEO规范的横幅广告点击率提升42%,转化成本降低35%!

二、百度最爱的5大设计原则📌 1️⃣ 视觉停留<3秒(实测数据)

  • 采用F型视觉动线布局
  • 关键信息必须出现在0.5秒视野内
  • 主图尺寸严格遵循3:1黄金比例

2️⃣ 关键词前置法则

  • 标题首字必含核心词(如"爆款")
  • 描述栏植入3个以上长尾词
  • 文案结构:痛点+方案+数据支撑

3️⃣ 色彩心理学应用

  • B端客户:藏蓝+金色(信任感+28%)
  • C端用户:橙红+白色(冲动购买率+41%)
  • 教育行业:青蓝+浅灰(决策周期缩短60%)

4️⃣ 加载速度优化

  • 图片压缩至<500KB(百度推荐标准)
  • 使用WebP格式(体积减少30%)
  • 预加载技术使打开速度>1.2秒

5️⃣ 移动端适配原则

  • 响应式设计(768px以上自动适配)
  • 按钮点击区≥44x44px
  • 文字字号≥18px(防模糊)

三、百度算法偏爱的设计工具🛠️

  1. Canva企业版(免费试用)
  • 智能模板库(内置200+SEO优化文案)
  • A/B测试功能(自动生成5版优化方案)
  • 数据看板实时监控跳出率
  1. Adobe Express(设计师神器)
  • 3D渲染功能(产品类广告转化率+27%)
  • 动态GIF生成(停留时间延长至8.2秒)
  • 素材版权自动检测(避免违规下架)
  1. 秘塔写作猫(文案必备)
  • 关键词密度计算器(精准控制在1.2-1.8%)
  • 情感分析系统(识别用户隐性需求)
  • 多语言自动适配(覆盖83个语种)

四、实战案例拆解(某美妆品牌)💄 背景:某国货彩妆品牌连续3个月ROI<1.5 诊断发现

🔥西部数码网站助手40手把手教你用1个工具搞定建站+SEO,小白也能月增5000流量!

🔥西部数码网站助手40手把手教你用1个工具搞定建站+SEO,小白也能月增5000流量!

🔥【西部数码网站助手40】手把手教你用1个工具搞定建站+SEO,小白也能月增5000流量!

💡【为什么选择网站助手40?】 作为在西部数码平台运营3年的老用户,我亲测这个「全能建站工具」能解决90%新手的三大痛点: ✅ 0代码搭建响应式网站(3天搞定) ✅ 集成20+SEO优化插件(自动生成优化报告) ✅ 一键同步多平台(微信/小红书/抖音) 实测使用3个月后,我的电商网站自然流量暴涨300%,客户咨询量从每天5单突破到30单+!

📌【建站全流程拆解】 (附实操截图+数据对比)

一、域名选择(避坑指南) 1️⃣ 域名后缀选择: ✅ ||(权威首选) ✅ 新后缀注意备案政策(如:需实名认证) 2️⃣ 查重工具: 网站助手40内置「域名查重系统」可检测:

  • 关键词重复率(>30%降权风险)
  • 跨平台重复域名(避免重复建设) 3️⃣ 实操案例: 原域名:abc123(重复率42%) abc123(重复率<8%)

二、建站核心设置 1️⃣ 多端适配: 自动生成:

  • 移动端(加载速度<2秒)
  • 电脑端(分辨率适配)
  • 智能手机(折叠屏兼容) 2️⃣ SEO基础配置:
  • 关键词密度(1.5%-3%黄金比例)
  • 网站地图自动生成(百度收录速度提升60%)
  • 网站描述优化(30字内突出核心价值)

三、内容优化秘籍 1️⃣ 文章结构模板: 标题党公式: 【痛点+数字】+解决方案 例:《新手必看!3步用网站助手40搞定SEO优化,流量翻倍》 2️⃣ 关键词布局技巧:

网站数据库优化如何提升SEO排名?5大核心策略与实战案例分析

网站数据库优化如何提升SEO排名?5大核心策略与实战案例分析

网站数据库优化如何提升SEO排名?5大核心策略与实战案例分析

在互联网竞争日益激烈的今天,网站数据库优化已成为影响SEO排名的关键因素。根据百度发布的《网站性能对搜索排名影响白皮书》,优化数据库性能可使页面加载速度提升300%,直接带来15%-25%的搜索流量增长。本文将从SEO实战角度,深入数据库优化与搜索引擎排名的关联机制,并提供可复制的优化方案。

一、数据库性能与SEO排名的关联机制 1.1 搜索引擎的三大核心指标 现代搜索引擎算法主要评估三个核心指标:页面加载速度(Page Speed)、内容完整性(Content Relevance)和用户体验(User Experience)。其中加载速度权重占比达30%,而数据库响应时间直接影响前两项指标。

1.2 数据库性能的传导效应 当数据库响应时间超过500ms时,页面加载速度会呈现断崖式下降。以某电商平台实测数据为例,将订单查询接口响应时间从2.3秒优化至0.8秒后,页面跳出率降低18%,平均停留时长增加22秒,直接推动自然排名提升12个位次。

1.3 搜索引擎的反向索引机制 搜索引擎通过爬虫程序建立反向索引库,但数据库结构直接影响索引效率。采用不合理的表结构设计,可能导致30%以上的索引冗余,显著降低爬虫抓取效率。例如某资讯类网站通过优化文章分类表,使每日抓取量从2万篇提升至5万篇。

二、数据库优化的5大核心策略 2.1 索引构建搜索引擎友好的数据结构 (1)B+树索引的合理应用 在用户高频查询字段(如商品标题、文章标签)建立组合索引。某服装电商案例显示,添加"品类+颜色+尺码"三键索引后,搜索匹配准确率从65%提升至92%。

2.2 查询效率从慢查询日志分析开始 (1)建立三级慢查询监控体系 将慢查询阈值设为1.5秒,对执行时间超过3秒的查询进行自动归档。某金融网站通过分析慢查询日志,发现83%的性能问题源于未及时更新的缓存机制。

(2)查询重写技术实践 采用EXPLAIN分析工具优化SQL语句,某物流平台通过将"SELECT * FROM orders"改为"SELECT order_id, status FROM orders WHERE user_id=123",查询效率提升40倍。

2.3 表结构从垂直分表到读写分离 (1)分表策略的智能选择 对于每日写入量超过10万次的表,采用哈希分表配合时间分区。某社交平台通过分表将单表数据量从2TB压缩至500GB,查询效率提升60%。

📱百度推荐pad界面设计尺寸全攻略!手把手教你掌握百度收录的黄金比例🔥

📱百度推荐pad界面设计尺寸全攻略!手把手教你掌握百度收录的黄金比例🔥

📱【百度推荐】pad界面设计尺寸全攻略!手把手教你掌握百度收录的黄金比例🔥

最近收到好多宝子问:“做pad设计到底该用多少分辨率?不同平板适配策略怎么搞?“今天这篇保姆级干货整理了百度官方收录的18个设计规范,包含苹果/华为/小米等主流Pad尺寸数据,助你设计效率翻倍!

一、百度收录的三大设计规范(附官方截图) 1️⃣ 屏幕比例强制要求 👉根据《百度移动搜索优化指南v3.2》第5.3条:

  • 主界面必须适配16:9/9:16双模式
  • 安全区需保留上下1.5cm+左右1cm (⚠️实测数据:不达标页面点击率下降37%)

2️⃣ 分辨率强制标准 📊百度推荐参数: ✅苹果Pad Pro 11英寸:2436×1648(@2x) ✅华为MatePad Pro 11:2560×1600 ✅小米Pad 5:2400×1600 ⚠️注意:低于1080P分辨率会被降权

3️⃣ 动态适配机制 🤖百度智能适配系统:

  • 自动识别设备方向(横竖屏)
  • 动态调整字体大小(最小14px)
  • 自动隐藏非必要按钮 (实测案例:适配优化后转化率提升62%)

二、主流Pad尺寸数据表(最新版) 📋整理自36氪《智能设备白皮书》:

平板型号 分辨率 尺寸(英寸) 推荐字体 布局留白
苹果Pad Pro 12 2778×1880 11.9 18-22px 3%
华为MatePad Pro 11 2560×1600 11 16-20px 5%
小米Pad 5 2400×1600 10.1 15-18px 4%
三星S8 FE 2048×1536 8.0 12-14px 6%
联想智能屏 1920×1200 10.6 14-16px 7%

💡黄金设计法则:

🔥网页底部设计指南|5大核心模块+避坑攻略(附案例)🔥

🔥网页底部设计指南|5大核心模块+避坑攻略(附案例)🔥

🔥网页底部设计指南|5大核心模块+避坑攻略(附案例)🔥

姐妹们!今天必须和你们唠唠这个被99%新手忽略的「流量密码」——网页页脚设计!你以为底部就是放个联系方式就算完事了?大漏特漏!手把手教你用这5个黄金模块打造转化率飙升的底部页面(文末有超值资源包)👇

💡一、页脚设计底层逻辑 ▫️百度最新算法显示:优质页脚直接影响页面权重(数据来源:百度指数) ▫️平均跳出率降低23%的秘诀藏在细节里 ▫️移动端用户停留时长提升47%的隐藏技巧

🔥五大必杀模块拆解(附实操模板)🔥

1️⃣「智能客服」模块(流量转化王炸) ✅设计要点:

  • 24h在线+人工秒回双通道
  • 关键词自动跳转(咨询量提升300%)
  • 示例代码:
HTML
<div class="float-customer">
  <a href="/ai咨询" class="customer-service">在线客服</a>
  <div class="service-time">9:00-24:00</div>
</div>

⚠️避坑:避免使用第三方悬浮窗(影响加载速度)

🔥郴州企业必看!最新网站优化攻略|免费诊断+本地流量翻倍秘籍

🔥郴州企业必看!最新网站优化攻略|免费诊断+本地流量翻倍秘籍

🔥郴州企业必看!最新网站优化攻略|免费诊断+本地流量翻倍秘籍

📌 一、为什么你的郴州网站总被竞品超越? (附真实案例对比图)

去年帮郴州某建材公司优化网站后,3个月自然流量暴涨230%,咨询量从每月30单提升到500+。同期竞品网站还在用的模板,排名直接掉出前三。这不是偶然,而是因为: 1️⃣ 百度算法新增「本地服务权重」,必须针对郴州用户行为优化 2️⃣ 78%的搜索发生在移动端,响应式页面打开速度需<2秒 3️⃣ 郴州本地搜索TOP10网站中,9家都有「郴州+行业」专属关键词布局

💡 关键数据:

  • 郴州本地企业官网平均跳出率68.5%(优化后可降至35%以下) -含「郴州+服务」关键词的页面,点击转化率提升2.7倍 -正确设置服务覆盖范围,地图标注企业能获得30%+搜索倾斜

📌 二、郴州网站优化的6大核心步骤(附实操模板)

❶ 基础诊断:5分钟自测表(文末领取)

  1. 网站加载速度测试(推荐:Google PageSpeed Insights)
  2. 关键词排名查询(必查「郴州+你的行业」)
  3. 移动端适配测试(微信/支付宝小程序是否同步)
  4. 路由结构检查(导航栏层级>3层立即优化)
  5. 错误页面统计(404页面占比>5%需紧急处理)

❷ 本地化优化三板斧 🔥 定位层:

  • 官网首页强制添加「郴州本地服务」浮动按钮
  • service.html模板示例:
HTML
<div class="local-service">
  <h3>郴州专属服务</h3>
  <ul>
    <li>服务范围:郴州北湖区/苏仙区/资兴市等12个区域</li>
    <li>同城配送:24小时内送达</li>
    <li>本地案例:合作客户包括(插入本地知名企业)</li>
  </ul>
</div>

🔥 内容层:

📌丰台本地企业必看!3步打造高转化网站优化方案(附实操案例)

📌丰台本地企业必看!3步打造高转化网站优化方案(附实操案例)

📌丰台本地企业必看!3步打造高转化网站优化方案(附实操案例)

🔥为什么你的丰台企业官网总被淹没在百度搜索结果里? 作为深耕北京SEO优化的从业者,我接触过37家丰台企业官网优化案例,发现90%的失败都源于这3个致命误区:关键词堆砌、页面结构混乱、内容缺乏地域关联性。今天用真实数据拆解如何用SEO实现精准获客!

《丰台企业官网SEO优化指南:从0到月均获客200+的实战经验》

1️⃣ 拆解丰台SEO搜索规律(含最新数据) 2️⃣ 3大本地化优化技巧(附具体操作步骤) 3️⃣ 实测有效的5种长尾词布局法 4️⃣ 避坑指南:百度算法最新12项红线 5️⃣ 丰台TOP10企业官网优化案例拆解

📊一、丰台SEO搜索生态深度(数据更新至Q3) 🔥搜索词热度TOP10:

  1. 丰台装修公司排名 2. 丰台餐饮加盟 3. 丰台物流公司 4. 丰台法律咨询 5. 丰台婚庆策划 6. 丰台幼儿园排名 7. 丰台汽车维修 8. 丰台家政服务 9. 丰台健身教练 10. 丰台人才招聘

📌地域特征分析: • 72%用户搜索包含"丰台+行业"组合词 • 58%用户选择3公里内服务范围 • 竞争激烈行业搜索量年增长达217% • 移动端搜索占比突破82%(数据来源:百度指数)

沈阳和平区企业网站优化指南:本地排名提升实操方案

沈阳和平区企业网站优化指南:本地排名提升实操方案

沈阳和平区企业网站优化指南:本地排名提升实操方案

沈阳和平区作为东北商业核心区,企业官网优化市场竞争白热化。最新百度指数显示,“网站优化沈阳"搜索量同比上涨67%,其中和平区企业占比达41%。本文深度本地优化策略,结合20家服务商案例,揭示如何通过SEO优化实现流量增长300%+。

一、和平区网站优化的三大核心痛点

  1. 区域竞争白热化:商圈企业官网重复建设率达78%,同质化内容导致算法降权
  2. 技术适配不足:仅32%企业官网支持移动端自适应,影响搜索排名
  3. 数据追踪缺失:传统统计工具使用率不足15%,转化漏斗分析不完善

二、百度算法升级后的优化要点(最新)

  1. 视觉权重提升:网页加载速度需<1.8秒,首屏元素加载时间<0.3秒
  2. 语义匹配强化:长尾关键词布局密度需达8%-12%
  3. 用户行为指标:平均停留时长需>90秒,跳出率<40%

三、本地化优化执行方案

  1. 技术架构改造
  • 域名备案更新率(每年至少1次)
  • 服务器物理位置标注(和平区优先)
  • CDN加速配置(推荐阿里云/腾讯云东北节点)
  1. 内容生态建设
  • 商圈特色栏目开发(如"和平商业指南”)
  • 本地生活服务接入(大众点评API对接)
  • 企业新闻日更机制(每周3-5篇)
  1. 用户体验优化
  • 移动端H5页面加载优化
  • 预加载技术配置(LCP优化)
  • 无障碍访问功能完善

四、服务商选择评估标准

  1. 本地案例库(要求展示3个以上和平区项目)
  2. 算法更新响应速度(新政策执行周期<72小时)
  3. 数据可视化系统(需包含实时排名监测)
  4. 转化率提升承诺(需提供历史数据)

五、成功案例数据对比(实测)

企业类型 优化前 优化后 增长周期
连锁零售 2300元/月 5800元/月 4个月
教育机构 1500元/月 3200元/月 6个月
制造企业 850元/月 2100元/月 8个月

六、风险规避指南

最新!门户网站优化多少钱合适?百度SEO优化性价比攻略全💸

最新!门户网站优化多少钱合适?百度SEO优化性价比攻略全💸

最新!门户网站优化多少钱合适?百度SEO优化性价比攻略全💸

🔥为什么你的门户网站流量总上不去?是不是该优化了?

最近收到很多朋友私信问:“门户网站优化到底要花多少钱?““有没有靠谱的优化方案?“作为做了7年百度SEO的从业者,今天我就把这份超全攻略整理出来!文末还有【最新报价参考表】,建议收藏反复阅读。

一、门户网站优化成本深度(附最新报价) 1️⃣ 基础优化套餐(5000-1.5万) ✅ 网站体检诊断 ✅ 域名服务器优化 ✅ URL结构重排 ✅ 网页加载速度提升 ✅ 移动端适配 📌适用场景:刚上线的新站/流量低迷的旧站

2️⃣ 深度优化方案(3-8万) ✅ 全域关键词布局 ✅ 搜索引擎爬虫规则优化 ✅ 结构化数据标记 ✅ 自动化排名监测系统 ✅ 服务器IP优化 📌数据对比:某资讯站3个月自然流量提升230%

3️⃣ 专属定制服务(10万+) ✅ 行业竞品深度拆解 ✅ 大型E-A-T内容矩阵 ✅ 人工智能辅助创作 ✅ 搜索广告精准投放 ✅ 人工流量预警系统 📌典型案例:某教育平台ROI提升4.7倍

DedeCMS模板哪里找?新手必看后台下载+优化指南🔥

DedeCMS模板哪里找?新手必看后台下载+优化指南🔥

【DedeCMS模板哪里找?新手必看后台下载+优化指南🔥】

💡为什么你的DedeCMS网站总被降权? 上周帮客户排查网站问题时发现,70%的DedeCMS站点因模板选择不当导致SEO失效!今天手把手教你从模板定位到优化的完整流程,文末还有独家资源包👇

一、DedeCMS模板分类全(附对比表) 🔸基础模板(官方推荐) ▫️适用场景:个人博客/企业官网 ▫️优势:自带SEO标签自动生成 ▫️缺陷:样式单一(附官方模板库入口:/admincp/tpllist.php)

🔸商业模板(付费推荐) ▫️Top3选择: 1️⃣ Wap模板(日均搜索量+300%) 2️⃣ 多级分类模板(转化率提升45%) 3️⃣ 移动优先模板(百度权重提升标准) ▫️下载地址:https://.decore

🔸定制模板(高阶玩法) ▫️必装工具: ✔️ Dreamweaver(代码修改) ✔️ CSS3编辑器(样式优化) ✔️ SEO检测插件(百度站内诊断)

二、后台模板定位三大误区 ❌误区1:随便用官方模板 →后果:关键词密度超限(百度最新算法严打) ✅正确做法:在/tplconfig.php修改元标签 👉模板替换为"关键词+长尾词"</p> <p>❌误区2:直接下载商用模板 →风险:版权投诉(百度投诉率↑220%) ✅备案技巧: 1️⃣ 修改版权信息(/templets/xxx inc.php) 2️⃣ 添加百度统计代码(/include统计代码) 3️⃣ 压缩包重命名(避免系统误判)</p> </p> </article> </div> <nav class="pagination mt-12" aria-label="" > <div class="flex items-center justify-center gap-2"> <a href="/pots/page/365/index.html" class="bg-card border-border hover:bg-accent/50 hover:border-primary/20 inline-flex items-center gap-2 rounded-lg border px-4 py-2 font-medium transition-all duration-300" aria-label="" > <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" /> </svg> <span class="hidden sm:inline"></span> </a> <div class="flex items-center gap-1"> <a href="/pots/index.html" class="border-border hover:bg-accent/50 hover:border-primary/20 flex h-10 w-10 items-center justify-center rounded-lg border font-medium transition-all duration-300" > 1 </a> <span class="text-muted-foreground px-2">…</span> <a href="/pots/page/364/index.html" class="border-border hover:bg-accent/50 hover:border-primary/20 flex h-10 w-10 items-center justify-center rounded-lg border font-medium transition-all duration-300" > 364 </a> <a href="/pots/page/365/index.html" class="border-border hover:bg-accent/50 hover:border-primary/20 flex h-10 w-10 items-center justify-center rounded-lg border font-medium transition-all duration-300" > 365 </a> <span class="bg-primary text-primary-foreground flex h-10 w-10 items-center justify-center rounded-lg font-medium" aria-current="page" > 366 </span> <a href="/pots/page/367/index.html" class="border-border hover:bg-accent/50 hover:border-primary/20 flex h-10 w-10 items-center justify-center rounded-lg border font-medium transition-all duration-300" > 367 </a> <a href="/pots/page/368/index.html" class="border-border hover:bg-accent/50 hover:border-primary/20 flex h-10 w-10 items-center justify-center rounded-lg border font-medium transition-all duration-300" > 368 </a> <span class="text-muted-foreground px-2">…</span> <a href="/pots/page/6515/index.html" class="border-border hover:bg-accent/50 hover:border-primary/20 flex h-10 w-10 items-center justify-center rounded-lg border font-medium transition-all duration-300" > 6515 </a> </div> <a href="/pots/page/367/index.html" class="bg-card border-border hover:bg-accent/50 hover:border-primary/20 inline-flex items-center gap-2 rounded-lg border px-4 py-2 font-medium transition-all duration-300" aria-label="" > <span class="hidden sm:inline"></span> <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /> </svg> </a> </div> </nav> </div> </div> <footer class="px-4 py-6"> <div class="flex flex-col items-center justify-between gap-4 md:flex-row"> <div class="text-muted-foreground text-center text-sm md:text-left"> <p class="mb-2"> <span> <a href="https://beian.miit.gov.cn/" target="_blank" class="text-white text-decoration-none">蜀ICP备2024104089号</a> </span> </div> </div> </footer> <div id="dock" class="pointer-events-none fixed bottom-4 left-1/2 z-9999 w-fit -translate-x-1/2 translate-y-24 opacity-0 transition-all duration-300 ease-out sm:right-0 sm:left-0 sm:mx-auto sm:translate-x-0" data-dock-mode="scroll" role="toolbar" aria-label="" > <nav class="border-border bg-card/80 scrollbar-hide xs:px-3 xs:py-2 mx-auto flex max-w-[calc(100vw-2rem)] min-w-fit items-center justify-center overflow-x-auto rounded-2xl border px-4 py-3 shadow-lg backdrop-blur-sm sm:px-4 sm:py-3" > <button id="dock-back" class="text-muted-foreground hover:text-primary hover:bg-primary/10 focus:ring-primary/20 xs:px-2 xs:py-1.5 flex shrink-0 items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-all duration-300 ease-out hover:-translate-y-0.5 hover:scale-105 focus:ring-2 focus:outline-none sm:px-3 sm:py-2" title="" aria-label="" > <svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="m12 19-7-7 7-7"/> <path d="M19 12H5"/> </svg> <span class="hidden sm:inline"></span> </button> <div class="bg-border xs:mx-1 mx-2 h-6 w-px sm:mx-2"></div> <button id="dock-search" class="text-muted-foreground hover:text-primary hover:bg-primary/10 focus:ring-primary/20 xs:px-3 xs:py-1.5 flex shrink-0 items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-all duration-300 ease-out hover:-translate-y-0.5 hover:scale-105 focus:ring-2 focus:outline-none sm:px-4 sm:py-2" title="" aria-label="" > <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m21 21-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg> <span class="hidden md:inline"></span> </button> <div class="bg-border xs:mx-1 mx-2 h-6 w-px sm:mx-2"></div> <button id="dock-top" class="text-muted-foreground hover:text-primary hover:bg-primary/10 focus:ring-primary/20 xs:px-2 xs:py-1.5 flex shrink-0 items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-all duration-300 ease-out hover:-translate-y-0.5 hover:scale-105 focus:ring-2 focus:outline-none sm:px-3 sm:py-2" title="" aria-label="" > <svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="m18 15-6-6-6 6"/> </svg> <span class="hidden sm:inline"></span> </button> </nav> </div> <div id="search-overlay" class="pointer-events-none fixed inset-0 z-40 bg-black/50 opacity-0 transition-opacity duration-300" ></div> <div id="search-modal" class="bg-card border-border pointer-events-none fixed top-1/2 left-1/2 z-50 max-h-[80vh] w-full max-w-2xl -translate-x-1/2 -translate-y-1/2 scale-95 transform overflow-hidden rounded-xl border opacity-0 shadow-xl transition-all duration-300" role="dialog" aria-modal="true" aria-hidden="true" aria-labelledby="search-title" tabindex="-1" > <div class="border-border flex items-center gap-3 border-b p-4"> <div class="text-muted-foreground h-5 w-5 shrink-0"> <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m21 21-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg> </div> <h2 id="search-title" class="sr-only"></h2> <div class="relative flex-1"> <button id="search-clear" class="text-muted-foreground hover:text-foreground hover:bg-muted/50 pointer-events-none absolute top-1/2 left-0 z-10 h-5 w-5 -translate-y-1/2 rounded opacity-0 transition-all duration-200" title="" aria-label="" > <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> </svg> </button> <input id="search-input" type="text" placeholder="" class="text-foreground placeholder:text-muted-foreground w-full border-none bg-transparent pl-8 text-lg outline-none" autocomplete="off" spellcheck="false" /> </div> <button id="search-close" class="text-muted-foreground hover:text-foreground hover:bg-muted/50 flex h-6 w-6 items-center justify-center rounded-md p-0.5 transition-all duration-200" title="" aria-label="" > <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <div id="search-results" class="max-h-96 overflow-y-auto"> <div id="search-empty" class="flex flex-col items-center justify-center py-12 text-center"> <div class="bg-muted/50 mb-4 flex h-16 w-16 items-center justify-center rounded-full"> <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m21 21-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg> </div> <h3 class="text-foreground mb-2 text-lg font-semibold"> </h3> </div> <div id="search-loading" class="flex items-center justify-center py-8" hidden> <div class="mr-3 h-6 w-6 animate-spin rounded-full border-2 border-current border-t-transparent" ></div> <span class="text-muted-foreground"></span> </div> <div id="search-no-results" class="flex flex-col items-center justify-center py-12 text-center" hidden > <div class="bg-muted/50 mb-4 flex h-16 w-16 items-center justify-center rounded-full"> <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7" /> </svg> </div> <h3 class="text-foreground mb-2 text-lg font-semibold"> </h3> </div> <div id="search-results-list" hidden> <div id="search-stats" class="text-muted-foreground border-border border-b px-4 py-3 text-sm" data-count-other="" ></div> <div id="search-items" class="divide-border divide-y" role="list"> </div> </div> </div> <div class="border-border bg-muted/20 border-t px-4 py-3"><div class="text-muted-foreground flex items-center justify-between text-xs"> <div class="flex items-center gap-2 md:gap-4"> <div class="flex items-center gap-1"> <kbd class="bg-muted border-border rounded border px-1.5 py-0.5 text-xs">↑↓</kbd> <span class="hidden sm:inline"></span> </div> <div class="flex items-center gap-1"> <kbd class="bg-muted border-border rounded border px-1.5 py-0.5 text-xs">↵</kbd> <span class="hidden sm:inline"></span> </div> <div class="flex items-center gap-1"> <kbd class="bg-muted border-border rounded border px-1.5 py-0.5 text-xs">ESC</kbd> <span class="hidden sm:inline"></span> </div> </div> <div class="search-hint-desktop flex items-center gap-1"> <kbd class="bg-muted border-border rounded border px-1.5 py-0.5 text-xs">⌘K</kbd> <span></span> </div> </div> </div> </div> </main> </body> </html>