春假引爆出海风口！TikTok 半月狂销 45 万 +，汽车划痕修复神器成跨境爆品新王
<div class="ce-block ce-block--focused" data-id="QFcPHVYB4c" ><div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">2026 年三月，美国 Spring Break 春假正式开启，全民自驾出游热潮席卷全美，用车频率大幅攀升，露天停放剐蹭、砂石击打、自动洗车摩擦等问题频发，汽车浅划痕成为车主普遍烦恼，应急修复需求迎来爆发式增长。一款主打家用浅划痕修复的汽车划痕护理套件顺势在 TikTok 美区火速出圈，上线半月狂销 45 万 +，成为春假期间跨境电商赛道现象级爆品，为中国卖家打开北美汽配市场新通道。本文结合真实销售数据，深度拆解这款爆品的核心优势、流量密码与选品逻辑，助力跨境卖家精准抢占风口。</div>
</div>
</div><div class="ce-block" data-id="wTUZzoXdWX" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">一、春假用车潮催生刚需，半月狂销 45 万 + 数据炸裂</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="jW20iQuF4Z" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">春假作为美国全民出行高峰，直接引爆汽车养护类产品需求，这款汽车划痕修复神器成为最大赢家。某跨境店铺 3 月初上架该产品，短短半个月内就斩获<span style="padding: 0px; margin: 0px; image-rendering: -webkit-optimize-contrast; max-width: 100%; overflow-wrap: break-word !important; box-sizing: border-box !important; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-stretch: normal; font-weight: 700; line-height: 24px; flex: 0 1 auto; flex-direction: row; justify-content: normal; align-items: normal; background-image: none; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box;">6169 单</span>，销售额突破<span style="padding: 0px; margin: 0px; image-rendering: -webkit-optimize-contrast; max-width: 100%; overflow-wrap: break-word !important; box-sizing: border-box !important; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-stretch: normal; font-weight: 700; line-height: 24px; flex: 0 1 auto; flex-direction: row; justify-content: normal; align-items: normal; background-image: none; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box;">6.47 万美元</span>，折合人民币超<span style="padding: 0px; margin: 0px; image-rendering: -webkit-optimize-contrast; max-width: 100%; overflow-wrap: break-word !important; box-sizing: border-box !important; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-stretch: normal; font-weight: 700; line-height: 24px; flex: 0 1 auto; flex-direction: row; justify-content: normal; align-items: normal; background-image: none; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box;">45 万元</span>，日均销量稳定在 400 单以上，展现出极强的市场爆发力。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="LsctOwouKC" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_LsctOwouKC" class="image-tool__image-picture _zoom" src="https://tt183.com/data/attachment/forum/202604/06/191239jzkp9sai0aq0ayii.png" title="" alt="" data-aid="48"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="D6xstyrPg0" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">产品定价精准贴合美国消费市场，单支售价<span style="padding: 0px; margin: 0px; image-rendering: -webkit-optimize-contrast; max-width: 100%; overflow-wrap: break-word !important; box-sizing: border-box !important; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-stretch: normal; font-weight: 700; line-height: 24px; flex: 0 1 auto; flex-direction: row; justify-content: normal; align-items: normal; background-image: none; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box;">8.99 美元</span>，3 支装仅<span style="padding: 0px; margin: 0px; image-rendering: -webkit-optimize-contrast; max-width: 100%; overflow-wrap: break-word !important; box-sizing: border-box !important; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-stretch: normal; font-weight: 700; line-height: 24px; flex: 0 1 auto; flex-direction: row; justify-content: normal; align-items: normal; background-image: none; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box;">11.99 美元</span>，同时推出 2 支装捆绑销售策略，用高性价比牢牢抓住美国用户 "低成本解决小问题" 的消费心理，客单价与转化率双双拉满。与专业门店抛光补漆动辄上百美元的费用相比，这款产品价格不足十分之一，完美契合北美用户 DIY 省钱的消费习惯，成为车主日常必备的应急好物。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="HIpw9xQTXQ" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">从消费场景来看，产品精准覆盖春假出行全需求，无论是自驾途中意外剐蹭、日常停车轻微划痕，还是长期用车产生的太阳纹、洗车痕，都能快速修复，适配全美车主的高频使用场景。庞大的市场需求 + 亲民的定价策略，让这款产品在 TikTok 快速起量，成为 2026 年春假跨境电商最亮眼的爆品之一。</div>
</div>
</div><div class="ce-block" data-id="_1zyOVqmP0" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">二、轻量化 DIY + 全配套工具，直击车主修复核心痛点</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="62VVcNeFof" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">这款汽车划痕修复神器能持续爆单，核心在于产品力精准击中北美车主痛点，实现 "傻瓜式操作 + 高效修复" 的双重优势。产品定位家用轻量化划痕修复，专门针对太阳纹、洗车痕、轻微剐蹭等常见浅划痕问题，不涉及专业补漆工艺，普通车主无需经验即可操作。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="PLej3ixHRx" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">套装配置堪称一站式解决方案，包含修复蜡、海绵、擦拭布、刮板等全套工具，到手即可使用，无需额外购买任何配件，彻底解决用户 "买了产品不会用、缺工具难操作" 的顾虑。同时采用温和不伤漆配方，适配黑白等美国主流车漆颜色，修复后无腐蚀、无色差，不损伤原厂车漆，安全性拉满，打消用户对产品副作用的担忧。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="NRSkvE4f58" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">对比传统修复方式，这款产品的优势无可替代：专业门店修复耗时久、费用高，而该产品在家 5 分钟即可完成修复，无需专业工具、不用复杂技巧，操作简单直观，即便是新手也能轻松上手。便捷性 + 高性价比的双重加持，让产品覆盖广泛人群，从春假出行的自驾车主、日常通勤的上班族，到网约车司机、DIY 修车爱好者，都是精准受众，为持续爆单奠定坚实基础。</div>
</div>
</div><div class="ce-block" data-id="7OB3DCxuYs" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">三、AI 短视频 + 场景化营销，TikTok 流量密码全面解锁</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="DPx2tlDnho" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">这款产品的爆红，离不开精准契合 TikTok 平台逻辑的内容打法，AI 短视频 + 场景化展示成为流量引爆的核心密钥。TikTok 平台 18-45 岁中青年用户占比超高，与爱车一族、DIY 爱好者、车主群体高度重合，"汽车养护"" 省钱 DIY" 等标签流量精准，为产品爆发提供天然土壤。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="i3PK3-CmJc" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_i3PK3-CmJc" class="image-tool__image-picture _zoom" src="https://tt183.com/data/attachment/forum/202604/06/191254jppnjkzjepupobzx.png" title="" alt="" data-aid="49"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="UAeUC4Q2Cb" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">内容运营上，团队聚焦 "划痕修复前后对比" 核心亮点，打造 "洗车发现划痕"" 路边应急修复 ""居家快速修复" 等真实场景短视频，用短短几秒的操作演示，直观展示产品效果，清晰简单的操作过程直接打消用户 "不会用、效果差" 的顾虑，大幅降低下单决策成本。更值得关注的是，一个仅 2000 多粉丝的小账号，依靠 AI 剪辑技术推广产品，单条视频播放量突破<span style="padding: 0px; margin: 0px; image-rendering: -webkit-optimize-contrast; max-width: 100%; overflow-wrap: break-word !important; box-sizing: border-box !important; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-stretch: normal; font-weight: 700; line-height: 24px; flex: 0 1 auto; flex-direction: row; justify-content: normal; align-items: normal; background-image: none; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box;">510 万</span>，直接带出<span style="padding: 0px; margin: 0px; image-rendering: -webkit-optimize-contrast; max-width: 100%; overflow-wrap: break-word !important; box-sizing: border-box !important; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-stretch: normal; font-weight: 700; line-height: 24px; flex: 0 1 auto; flex-direction: row; justify-content: normal; align-items: normal; background-image: none; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box;">1293 单</span>，销售额超<span style="padding: 0px; margin: 0px; image-rendering: -webkit-optimize-contrast; max-width: 100%; overflow-wrap: break-word !important; box-sizing: border-box !important; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-stretch: normal; font-weight: 700; line-height: 24px; flex: 0 1 auto; flex-direction: row; justify-content: normal; align-items: normal; background-image: none; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box;">1.3 万美元</span>，小账号也能撬动大流量，印证产品自带流量属性。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="JdmqIwtJwO" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">这种内容模式可复制性极强，无需专业拍摄团队，利用 AI 剪辑工具快速生成原生感短视频，搭配产品核心卖点文案，就能实现低成本高效引流。场景化内容 + AI 赋能的组合，让产品在 TikTok 快速扩散，形成 "种草 - 转化" 的闭环，成为短时间内爆单的关键推手。</div>
</div>
</div><div class="ce-block" data-id="l_WEdYFc8c" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">四、差异化类目布局，高阶选品逻辑打造突围优势</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="vJCj5lOHMi" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">在跨境电商内卷加剧的当下，这款汽车划痕修复神器没有扎堆竞争激烈的漆面护理类目，而是创新性布局运动与户外类目，走出差异化路线，成功避开红海内卷，实现精准突围，这背后藏着跨境老手的高阶选品逻辑。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="DuD2VJA7dK" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">很多跨境卖家选品陷入 "先看爆款、再找人群" 的误区，而高手选品坚持 "先锁定人群，再挖掘痛点" 的核心思路。这款产品的成功，正是基于对美国春假场景、车主人群的深度洞察：先明确春假自驾车主的划痕痛点，再针对性打造轻量化修复产品，最后匹配 TikTok 流量渠道，实现 "人群 - 痛点 - 产品 - 渠道" 的完美闭环。正如资深跨境产品经理所言，新手看热销，老手先找人，TikTok 选品的核心从来不是盲目追爆款，而是跟着人群场景走，找准人、挖对痛点，爆款自然会出现。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="RAuYBN8lWp" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">这种选品思路适配所有跨境卖家，尤其适合新手突围。聚焦目标市场的特定场景，挖掘用户未被满足的细分需求，打造差异化产品，避开同质化竞争，才能在红海市场中找到蓝海机遇。这款划痕修复神器的成功，正是这一逻辑的完美实践。</div>
</div>
</div><div class="ce-block" data-id="tUjY9-rU81" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">五、北美汽配市场爆发，中国供应链迎来黄金机遇</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="-t6jToHwoH" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">春假用车热潮只是北美汽车养护市场的缩影，庞大的市场基数为中国汽配产品出海提供无限机遇。数据显示，北美汽车保有量高达<span style="padding: 0px; margin: 0px; image-rendering: -webkit-optimize-contrast; max-width: 100%; overflow-wrap: break-word !important; box-sizing: border-box !important; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-stretch: normal; font-weight: 700; line-height: 24px; flex: 0 1 auto; flex-direction: row; justify-content: normal; align-items: normal; background-image: none; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box;">3.67 亿辆</span>，占全球四分之一；2025 年美国乘用车平均车龄已达到<span style="padding: 0px; margin: 0px; image-rendering: -webkit-optimize-contrast; max-width: 100%; overflow-wrap: break-word !important; box-sizing: border-box !important; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-stretch: normal; font-weight: 700; line-height: 24px; flex: 0 1 auto; flex-direction: row; justify-content: normal; align-items: normal; background-image: none; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box;">14.5 年</span>，老旧车数量持续增长，直接带动维修、保养、DIY 改装需求暴涨。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="Ww99Dxglhh" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">高车龄 + 高保有量 + DIY 消费习惯，三大因素叠加，为高性价比的中国汽配产品打开巨大出海空间。除了汽车划痕修复膏，车载收纳、应急工具、玻璃养护等小件汽配产品，都在 TikTok 持续跑出爆款。中国供应链具备成本、产能、品类优势，只要精准切入场景化细分需求，就能快速抢占北美市场份额。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="-AX93DoBXX" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">对于中国跨境卖家而言，2026 年北美汽配市场正处于黄金爆发期，汽车划痕修复这类轻量化、高需求、易运营的产品，是新手入局、老卖家扩品的优质选择。无需大额投入，依托中国源头工厂货源，搭配 TikTok 短视频营销，就能快速起量，实现小成本大回报。</div>
</div>
</div><div class="ce-block" data-id="z53C-Jefaj" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">六、跨境爆品总结：抓住场景刚需，抢占出海新机遇</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="N1WczXst1Q" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">2026 年春假汽车划痕修复神器的爆单传奇，再次印证跨境电商 "场景为王、需求为本" 的核心逻辑。这款产品凭借春假场景刚需、轻量化 DIY 优势、TikTok 流量打法、差异化类目布局，半月狂销 45 万 +，成为年度跨境爆品标杆。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="ATxvZIOHUm" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_ATxvZIOHUm" class="image-tool__image-picture _zoom" src="https://tt183.com/data/attachment/forum/202604/06/191310omocic1cycbo3eog.png" title="" alt="" data-aid="50"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="sm00dO7eVK" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">对于跨境卖家来说，这款产品带来三大启示：一是聚焦节日、季节等特定场景，挖掘即时性刚需产品；二是打造操作简单、性价比高、适配 DIY 的轻量化产品，契合海外用户消费习惯；三是运用 AI 短视频 + 场景化内容，借助 TikTok 精准引流，实现低成本爆单。同时，避开红海类目，采用 "先找人、再找品" 的高阶选品逻辑，才能在激烈竞争中突围。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="XFVxY6HsNc" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">北美汽配市场规模持续扩大，汽车养护类细分需求不断爆发，汽车划痕修复神器只是开端。未来，更多小件汽配、DIY 养护产品将持续走红，中国卖家只要紧跟市场趋势，深耕场景需求，依托供应链优势，就能抓住出海风口，打造下一个 TikTok 爆品，在跨境电商赛道实现销量与利润双增长。</div>
</div>
</div><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.ce-paragraph {
line-height: 1.6em;
outline: none;
text-indent: 2em;
font-size: 16px;
}
.ce-paragraph--right {
text-align: right;
}
.ce-paragraph--center {
text-align: center;
}
.ce-paragraph--left {
text-align: left;
}
.ce-paragraph--justify {
text-align: justify;
}
.ce-paragraph-text-indent {
text-align: justify;
}
.ce-paragraph:empty::before{
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
/** Show placeholder at the first paragraph if Editor is empty */
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty::before {
opacity: 1;
}
.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph:empty::before,
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty:focus::before {
opacity: 0;
}
.ce-paragraph p:first-of-type{
margin-top: 0;
}
.ce-paragraph p:last-of-type{
margin-bottom: 0;
}
.svg-icon {
width: 1em;
height: 1em;
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
fill: #4691f6;
}
.svg-icon circle {
stroke: #4691f6;
stroke-width: 1;
}
</style><style type="text/css">
.ce-block {
margin-top: 20px;
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
/**
* Plugin styles
*/
.ce-header {
position: relative;
padding: 1px 0px 1px 15px;
margin: 0;
line-height: 1.25em;
outline: none;
margin-bottom: 10px;
}
.ce-header p,
.ce-header div {
padding: 0 !important;
margin: 0 !important;
}
.ce-header::before {
content: "";
background-color: #3e8fe3;
width: 6px;
height: 100%;
position: absolute;
left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/**
* Styles for Plugin icon in Toolbar
*/
.ce-header__icon {
}
.ce-header::before {
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
cursor: text;
}
.ce-header:empty::before {
display: block;
}
.ce-header:empty:focus::before {
display: none;
}
/* FontSize */
h1.ce-header {
font-size: 2.0em;
}
h2.ce-header {
font-size: 1.7em;
}
h3.ce-header {
font-size: 1.4em;
}
h4.ce-header {
font-size: 1.15em;
}
h5.ce-header {
font-size: 0.95em;
}
h6.ce-header {
font-size: 0.8em;
}
/* Alignment*/
.ce-header--right {
text-align: right;
}
.ce-header--center {
text-align: center;
}
.ce-header--left {
text-align: left;
}
.ce-header--justify {
text-align: justify;
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.image-tool {
--bg-color: #cdd1e0;
--front-color: #388ae5;
--border-color: #e8e8eb;
}
.image-tool__image {
border-radius: 3px;
overflow: hidden;
margin-bottom: 10px;
}
.image-tool__image-picture {
max-width: 100%;
vertical-align: bottom;
display: block;
margin-left: auto;
margin-right: auto;
}
.image-tool__image-preloader {
width: 50px;
height: 50px;
border-radius: 50%;
background-size: cover;
margin: auto;
position: relative;
background-color: #cdd1e0;
background-position: center center;
}
.image-tool__image-preloader::after {
content: "";
position: absolute;
z-index: 3;
width: 60px;
height: 60px;
border-radius: 50%;
border: 2px solid #cdd1e0;
border-top-color: #388ae5;
left: 50%;
top: 50%;
margin-top: -30px;
margin-left: -30px;
animation: image-preloader-spin 2s infinite linear;
box-sizing: border-box;
}
.image-tool__caption::before {
position: absolute !important;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
}
.image-tool__caption:empty::before {
display: block;
}
.image-tool__caption:empty:focus::before {
display: none;
}
.image-tool--empty .image-tool__image {
display: none;
}
.image-tool--empty .image-tool__caption, .image-tool--loading .image-tool__caption {
display: none;
}
.image-tool .cdx-button {
display: flex;
align-items: center;
justify-content: center;
}
.image-tool .cdx-button svg {
height: auto;
margin: 0 6px 0 0;
}
.image-tool--filled .cdx-button {
display: none;
}
.image-tool--filled .image-tool__image-preloader {
display: none;
}
.image-tool--loading .image-tool__image {
min-height: 200px;
display: flex;
border: 1px solid #e8e8eb;
background-color: #fff;
}
.image-tool--loading .image-tool__image-picture {
display: none;
}
.image-tool--loading .cdx-button {
display: none;
}
/**
* Tunes
* ----------------
*/
.image-tool--withBorder .image-tool__image {
border: 1px solid #e8e8eb;
}
.image-tool--withBackground .image-tool__image {
padding: 15px;
background: #cdd1e0;
}
.image-tool--withBackground .image-tool__image-picture {
max-width: 60%;
margin: 0 auto;
}
.image-tool--stretched .image-tool__image-picture {
width: 100%;
}
.image-tool__caption {
text-align: center;
font-size: 14px;
color: #a3a3a3;
}
@keyframes image-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style><style type="text/css">
.inline-code {
background: rgba(250, 239, 240, 0.78);
color: #b44437;
padding: 3px 4px;
border-radius: 5px;
margin: 0 1px;
font-family: inherit;
font-size: 0.86em;
font-weight: 500;
letter-spacing: 0.3px;
}
</style>
页:
[1]