@vigilkids/section-renderer-vue 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/interactions/common.d.ts +5 -0
  2. package/dist/interactions/common.mjs +10 -0
  3. package/dist/interactions/vigilkids.d.ts +5 -0
  4. package/dist/interactions/vigilkids.mjs +26 -0
  5. package/dist/preview/createPreviewApp.mjs +23 -3
  6. package/dist/sections/article/shared/ArticleCustomHtml.vue +48 -2
  7. package/dist/sections/article/vigilkids/ArticleBulletList.vue +3 -8
  8. package/dist/sections/article/vigilkids/ArticleCta.vue +1 -42
  9. package/dist/sections/article/vigilkids/ArticleFaq.vue +2 -32
  10. package/dist/sections/article/vigilkids/ArticleFaqItem.vue +8 -8
  11. package/dist/sections/article/vigilkids/ArticleFeature.vue +3 -41
  12. package/dist/sections/article/vigilkids/ArticleHeading.vue +2 -11
  13. package/dist/sections/article/vigilkids/ArticleNotice.vue +5 -64
  14. package/dist/sections/article/vigilkids/ArticleProsCons.vue +5 -13
  15. package/dist/sections/article/vigilkids/ArticleQuestion.vue +5 -23
  16. package/dist/sections/article/vigilkids/ArticleQuote.vue +5 -9
  17. package/dist/sections/article/vigilkids/ArticleStepList.vue +1 -5
  18. package/dist/sections/article/vigilkids/ArticleSubheading.vue +2 -23
  19. package/dist/sections/article/vigilkids/ArticleTable.vue +2 -6
  20. package/dist/sections/article/vigilkids/ArticleToc.vue +2 -6
  21. package/dist/sections/article/visiva/ArticleBulletList.vue +2 -3
  22. package/dist/sections/article/visiva/ArticleFaq.vue +2 -3
  23. package/dist/sections/article/visiva/ArticleFeature.vue +2 -3
  24. package/dist/sections/article/visiva/ArticleNotice.vue +12 -12
  25. package/dist/sections/article/visiva/ArticleProsCons.vue +4 -6
  26. package/dist/sections/article/visiva/ArticleQuestion.vue +3 -4
  27. package/dist/sections/article/visiva/ArticleQuote.vue +1 -1
  28. package/dist/styles/products/vigilkids.css +1 -1
  29. package/dist/styles/products/visiva.css +1 -1
  30. package/dist/styles/utilities.css +1 -0
  31. package/dist/utils/content-variables.d.ts +6 -0
  32. package/dist/utils/content-variables.mjs +14 -0
  33. package/package.json +9 -1
package/dist/sections/article/vigilkids/ArticleQuestion.vue CHANGED
@@ -25,7 +25,7 @@ const s = computed(() => props.settings)
25
25
  const title = computed(() => (s.value.title as string) || 'Question:')
26
26
  const renderedContent = computed(() => renderContent(s.value.content))
27
27
 
28
- const { blockEditableAttrs } = useInlineEdit({
28
+ const { editableAttrs } = useInlineEdit({
29
29
  editorMode: () => !!props.editorMode,
30
30
  onSettingUpdate: (key, value) => emit('update:setting', key, value),
31
31
  onBlockSettingUpdate: (blockId, key, value) => emit('update:block-setting', blockId, key, value),
@@ -36,29 +36,11 @@ const { blockEditableAttrs } = useInlineEdit({
36
36
  </script>
37
37
 
38
38
  <template>
39
- <!-- Visiva: blocks Q&A 列表模式 -->
40
- <div v-if="blockOrder.length > 0" class="qa-card">
41
- <template v-for="blockId in blockOrder" :key="blockId">
42
- <div v-if="blocks[blockId]" class="qa-card__item">
43
- <h3 class="qa-card__question" v-bind="blockEditableAttrs(blockId, 'question')">
44
- {{ blocks[blockId]!.settings.question }}
45
- </h3>
46
- <p class="qa-card__answer" v-bind="blockEditableAttrs(blockId, 'answer')">
47
- {{ blocks[blockId]!.settings.answer }}
48
- </p>
49
- </div>
50
- </template>
51
- </div>
52
-
53
- <!-- VigilKids: 单条 richtext 问答 -->
54
- <div v-else class="article-question">
55
- <p class="article-question-title">
39
+ <div class="article-question">
40
+ <p class="article-question-title" v-bind="editableAttrs('title')">
56
41
  {{ title }}
57
42
  </p>
58
- <div class="article-question-content" v-html="renderedContent" />
43
+ <!-- eslint-disable-next-line vue/no-v-html -->
44
+ <div v-html="renderedContent" />
59
45
  </div>
60
46
  </template>
61
-
62
- <style scoped>
63
- .article-question{background:var(--article-bg-gray,#f3f5f7);border-radius:10px;color:var(--article-text,#3a4259);margin:30px 0;padding:30px 30px 30px 82px}.article-question-title{font-size:20px;font-weight:700;line-height:38px;margin-bottom:20px;margin-top:0;position:relative}.article-question-title:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' fill='none' viewBox='0 0 38 38'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23f1981c' d='M19 38C8.506 38 0 29.492 0 19 0 8.506 8.506 0 19 0s19 8.506 19 19c0 10.492-8.506 19-19 19m0-35.078C10.121 2.922 2.923 10.12 2.923 19S10.121 35.077 19 35.077 35.077 27.879 35.077 19 27.879 2.922 19 2.922m5.117 14.064q-.564.72-1.213 1.277-.65.558-1.213 1.114a6.2 6.2 0 0 0-.936 1.156 2.47 2.47 0 0 0-.37 1.327q0 .614.157 1.114a7 7 0 0 0 .314.842h-3.012a5.6 5.6 0 0 1-.228-.928q-.1-.57-.1-1.127 0-.871.35-1.577.349-.708.87-1.321.52-.614 1.128-1.184.606-.573 1.127-1.114t.87-1.141.35-1.314q0-.642-.257-1.12a2.3 2.3 0 0 0-.706-.8 3.1 3.1 0 0 0-1.028-.477 4.7 4.7 0 0 0-1.235-.158q-2.126 0-4.052 1.899v-3.298q2.339-1.37 4.852-1.37 1.157 0 2.183.3a5.5 5.5 0 0 1 1.8.885q.769.585 1.213 1.455.442.873.442 2.027 0 1.1-.37 1.956a7.2 7.2 0 0 1-.936 1.577m-4.646 9.056q.813 0 1.427.571.6.529.6 1.342 0 .8-.6 1.342-.628.556-1.427.556a2.1 2.1 0 0 1-1.442-.556q-.6-.542-.599-1.342 0-.814.6-1.342.614-.57 1.44-.571'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h38v38H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 50%;background-size:cover;content:"";height:38px;left:-52px;position:absolute;top:0;width:38px}.article-question-content :deep(p){color:var(--article-text,#3a4259);margin-top:10px}.article-question-content :deep(p:first-child){margin-top:0}.article-question-content :deep(p:last-child){margin-bottom:0}.qa-card{background:var(--article-bg-light,#f3f4f6);border-radius:10px;display:flex;flex-direction:column;font-size:14px;gap:24px;margin:40px 0;padding:20px 16px}.qa-card__question{color:var(--article-text,#1f2937);font-size:14px;font-weight:600;margin:0 0 8px}.qa-card__answer{color:var(--article-text-muted,#6b7280);line-height:1.6;margin:0}@media (min-width:769px){.qa-card{border-radius:20px;padding:24px 20px}.qa-card,.qa-card__question{font-size:16px}}@media (max-width:768px){.article-question{padding:20px}.article-question-title{padding-left:52px}.article-question-title:before{left:0}}
64
- </style>
package/dist/sections/article/vigilkids/ArticleQuote.vue CHANGED
@@ -35,18 +35,14 @@ const { editableAttrs } = useInlineEdit({
35
35
  </script>
36
36
 
37
37
  <template>
38
- <div class="article-info">
38
+ <div class="article-info">
39
39
  <p v-if="s.title" class="article-info-title" v-bind="editableAttrs('title')">
40
40
  {{ s.title }}
41
41
  </p>
42
+ <!-- eslint-disable-next-line vue/no-v-html -->
42
43
  <div class="article-info-content" v-html="renderedContent" />
43
- <cite v-if="s.attribution" class="article-info-attribution">
44
- <span class="article-info-divider" />
45
- <span v-bind="editableAttrs('attribution')">by {{ s.attribution }}</span>
46
- </cite>
44
+ <p v-if="s.attribution" v-bind="editableAttrs('attribution')">
45
+ —— {{ s.attribution }}
46
+ </p>
47
47
  </div>
48
48
  </template>
49
-
50
- <style scoped>
51
- .article-info{background:var(--article-quote-bg,#f7f7f7);border:var(--article-quote-border,none);color:var(--article-text,#3a4259);font-size:16px;line-height:24px;margin:30px 0 14px;padding:30px;position:relative}.article-info:before{background:var(--article-quote-bar,#24c790);content:"";height:100%;left:0;position:absolute;top:0;width:10px}.article-info-title{font-size:20px;font-weight:700;line-height:23px;margin-top:0}.article-info-content,.article-info-title{color:var(--article-text,#3a4259);margin-bottom:14px}.article-info-content{font-size:16px;font-style:italic;line-height:24px}.article-info-content :deep(p){margin-top:10px}.article-info-content :deep(p:first-child){margin-top:0}.article-info-attribution{align-items:center;display:flex;font-style:normal;margin-bottom:0;margin-top:10px}.article-info-divider{background:var(--article-text-muted,#6b7280);display:inline-block;height:1px;margin-right:8px;vertical-align:middle;width:48px}@media (max-width:768px){.article-info{font-size:14px;padding:20px 16px}.article-info:before{height:100%;width:4px}.article-info-title{font-size:18px;line-height:21px;margin-bottom:10px}.article-info-content{font-size:14px;line-height:21px}.article-info-attribution{text-align:right}}
52
- </style>
package/dist/sections/article/vigilkids/ArticleStepList.vue CHANGED
@@ -34,7 +34,7 @@ const { blockEditableAttrs } = useInlineEdit({
34
34
  </script>
35
35
 
36
36
  <template>
37
- <ul class="step-list">
37
+ <ul class="step-list">
38
38
  <template v-for="blockId in blockOrder" :key="blockId">
39
39
  <li v-if="blocks[blockId]">
40
40
  <span class="primary-color" v-bind="blockEditableAttrs(blockId, 'label')">{{
@@ -47,7 +47,3 @@ const { blockEditableAttrs } = useInlineEdit({
47
47
  </template>
48
48
  </ul>
49
49
  </template>
50
-
51
- <style scoped>
52
- .step-list{list-style:none;margin-bottom:30px;margin-top:20px;padding:0}.step-list li:not(:last-child){margin-bottom:24px}.step-list li{color:var(--article-text,#3a4259);font-size:16px;line-height:24px}.step-list li span{font-weight:700}.step-list .primary-color{color:var(--article-primary-hover,#1ba97a)}@media (max-width:768px){.step-list li{font-size:14px;line-height:21px}.step-list li:not(:last-child){margin-bottom:21px}}
53
- </style>
package/dist/sections/article/vigilkids/ArticleSubheading.vue CHANGED
@@ -34,27 +34,10 @@ const { editableAttrs } = useInlineEdit({
34
34
  </script>
35
35
 
36
36
  <template>
37
- <h3 class="article-subheading" :class="[`article-subheading--${variant}`]">
38
- <!-- numbered: 实心绿色圆形+白色数字 (VigilKids) -->
37
+ <h3 :class="{ 'black-h3': variant === 'numbered' }">
39
38
  <span
40
39
  v-if="variant === 'numbered' && s.number"
41
- class="article-subheading__number"
42
- v-bind="editableAttrs('number')"
43
- >
44
- {{ s.number }}
45
- </span>
46
- <!-- pill: 绿色药丸标签 (Visiva) -->
47
- <span
48
- v-else-if="variant === 'pill' && s.label"
49
- class="article-subheading__pill"
50
- v-bind="editableAttrs('label')"
51
- >
52
- {{ s.label }}
53
- </span>
54
- <!-- icon: 浅色圆形+深色数字 (Visiva) -->
55
- <span
56
- v-else-if="variant === 'icon' && s.number"
57
- class="article-subheading__icon"
40
+ class="green-text"
58
41
  v-bind="editableAttrs('number')"
59
42
  >
60
43
  {{ s.number }}
@@ -62,7 +45,3 @@ const { editableAttrs } = useInlineEdit({
62
45
  <span v-bind="editableAttrs('title')">{{ s.title }}</span>
63
46
  </h3>
64
47
  </template>
65
-
66
- <style scoped>
67
- .article-subheading{align-items:center;color:var(--article-primary-hover,#1ba97a);display:flex;font-size:20px;font-weight:700;line-height:23px;margin-top:30px}.article-subheading--numbered{color:var(--article-text,#3a4259)}.article-subheading__number{align-items:center;background:var(--article-sub-number-bg,var(--article-primary,#24c790));border:var(--article-sub-number-border,none);border-radius:50%;color:var(--article-sub-number-color,#fff);display:flex;height:36px;justify-content:center;margin-right:14px;min-width:36px;width:36px}.article-subheading__pill{background:var(--article-primary,#24c790);border-radius:20px;color:#fff;display:inline-flex;height:22px;padding:0 8px}.article-subheading__icon,.article-subheading__pill{align-items:center;flex-shrink:0;font-size:14px;font-weight:600;justify-content:center;margin-right:8px}.article-subheading__icon{background:var(--article-highlight,#ecfdf5);border-radius:50%;color:var(--article-text,#3a4259);display:flex;height:24px;min-width:24px;width:24px}.article-subheading--icon,.article-subheading--pill{color:var(--article-text,#3a4259);font-weight:700}@media (max-width:768px){.article-subheading{font-size:18px}}
68
- </style>
package/dist/sections/article/vigilkids/ArticleTable.vue CHANGED
@@ -48,8 +48,8 @@ const rows = computed(() =>
48
48
  </script>
49
49
 
50
50
  <template>
51
- <div class="contrast-table" :class="[{ 'sticky-table': isSticky }]">
52
- <table>
51
+ <div class="contrast-table" :class="[{ 'sticky-table': isSticky }]">
52
+ <table cellspacing="0">
53
53
  <thead align="left">
54
54
  <tr>
55
55
  <th
@@ -70,7 +70,3 @@ const rows = computed(() =>
70
70
  </table>
71
71
  </div>
72
72
  </template>
73
-
74
- <style scoped>
75
- .contrast-table{background:#fff;border:1px solid var(--article-border,#e5e7eb);margin:30px 0;overflow-x:auto}.contrast-table table{border-spacing:0;color:var(--article-text,#3a4259);text-align:center;width:100%}.contrast-table td,.contrast-table th{border-bottom:1px solid var(--article-border,#e5e7eb);border-right:1px solid var(--article-border,#e5e7eb);padding:18px 20px;width:25%}.contrast-table td:last-child,.contrast-table th:last-child{border-right:none}.contrast-table thead{font-size:16px}.contrast-table tbody tr:last-child td{border-bottom:none}.contrast-table tr td,.contrast-table tr th{background-color:#fff}.contrast-table tbody tr:nth-child(2n) td{background-color:var(--article-bg-light,#f5f9fc)}.contrast-table thead tr th{background-color:var(--article-table-header,#374151);color:var(--article-table-header-text,#fff)}.contrast-table.sticky-table tr td:first-child,.contrast-table.sticky-table tr th:first-child{font-weight:700;left:0;position:sticky;z-index:2}.contrast-table.sticky-table tr td:first-child:after,.contrast-table.sticky-table tr th:first-child:after{background-image:linear-gradient(270deg,rgba(49,49,49,0),rgba(0,0,0,.04));bottom:0;content:"";position:absolute;right:-16px;top:0;width:16px;z-index:1}.contrast-table tr td :deep(a){color:var(--article-primary-hover,#1ba97a);font-weight:400}@media (max-width:768px){.contrast-table:not(.sticky-table) tr th{min-width:200px!important}.contrast-table tbody{font-size:14px}}
76
- </style>
package/dist/sections/article/vigilkids/ArticleToc.vue CHANGED
@@ -61,7 +61,7 @@ const tocGroups = computed<TocGroup[]>(() => {
61
61
  })
62
62
 
63
63
  const hotIconSrc
64
- = 'data:image/svg+xml,%3Csvg viewBox=\'0 0 20 20\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M10.5479 11.9702C10.0966 11.9702 9.71456 12.5389 9.71456 13.2188C9.71456 13.8948 10.0966 14.4668 10.5479 14.4668C10.9992 14.4668 11.3819 13.8968 11.3819 13.2175C11.3819 12.5389 10.9999 11.9689 10.5485 11.9689L10.5479 11.9702ZM15.3977 3.54841C15.3258 3.46817 15.2338 3.40848 15.1312 3.37545C15.0286 3.34242 14.919 3.33723 14.8138 3.36042C14.6018 3.41108 14.4271 3.57374 14.3471 3.79507C14.1688 4.31816 14.0036 4.84565 13.8518 5.37704C13.6385 4.93438 13.3985 4.50972 13.1318 4.10374C12.1478 2.60444 10.7985 1.3318 8.88657 0.0985037C8.7956 0.0391916 8.69032 0.00547728 8.58182 0.000902909C8.47331 -0.00367146 8.36558 0.021063 8.26993 0.0725076C8.17116 0.129583 8.08767 0.209723 8.02661 0.306079C7.96554 0.402435 7.92871 0.512143 7.91927 0.625828C7.65327 3.22973 7.16395 5.86901 5.492 7.72696L5.27001 7.25364C5.0747 6.84432 4.89202 6.45901 4.7747 6.12901C4.64802 5.76569 4.27671 5.5837 3.94538 5.72237C3.7931 5.78848 3.67093 5.90898 3.60272 6.06034L3.46806 6.347C2.64741 8.08696 1.52544 10.4736 1.3561 12.4915C1.00477 16.7687 4.55669 19.4567 8.25059 19.9033C9.06192 20.0013 9.87722 20.0233 10.6919 19.9733C13.5965 19.784 17.125 18.1554 18.3143 14.1468C19.0843 11.5449 18.7837 7.21032 15.3977 3.54708V3.54774V3.54841ZM7.82794 15.1521C7.82794 15.4901 7.57528 15.7655 7.26462 15.7655C6.95464 15.7668 6.70329 15.4921 6.70196 15.1521V13.7588L5.542 13.7788V15.1861C5.542 15.5234 5.28934 15.7994 4.97868 15.7994C4.66936 15.8008 4.41669 15.5261 4.41536 15.1861V11.4189C4.41536 11.0802 4.66735 10.8056 4.97868 10.8056C5.28934 10.8056 5.54134 11.0802 5.54134 11.4189V12.5515L6.70196 12.5322V11.3855C6.70196 11.0469 6.95395 10.7716 7.26462 10.7716C7.57528 10.7716 7.82727 11.0469 7.82727 11.3849V15.1515H7.82794V15.1521ZM10.5479 15.6908C9.4679 15.6908 8.59059 14.5801 8.59059 13.2155C8.59059 11.8509 9.4679 10.7402 10.5479 10.7402C11.6278 10.7402 12.5078 11.8509 12.5078 13.2155C12.5065 14.5801 11.6278 15.6908 10.5479 15.6908V15.6908ZM15.6504 12.1022H14.9351V15.1188C14.9351 15.4568 14.6838 15.7321 14.3731 15.7321C14.0631 15.7334 13.8111 15.4588 13.8091 15.1188V12.1022H13.0951C13.0202 12.1022 12.9461 12.0862 12.8778 12.0553C12.8095 12.0244 12.7486 11.9792 12.6991 11.9229C12.5931 11.8023 12.5339 11.6475 12.5325 11.4869C12.5325 11.1482 12.7845 10.8736 13.0951 10.8736H15.6484C15.9591 10.8736 16.2104 11.1482 16.2104 11.4869C16.2099 11.6477 16.1506 11.8028 16.0437 11.9229C15.9951 11.9796 15.9348 12.0251 15.8669 12.0562C15.799 12.0872 15.7251 12.1032 15.6504 12.1029V12.1022Z\' fill=\'%23F74343\'/%3E%3C/svg%3E'
64
+ = 'data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjU0NzkgMTEuOTcwMkMxMC4wOTY2IDExLjk3MDIgOS43MTQ1NiAxMi41Mzg5IDkuNzE0NTYgMTMuMjE4OEM5LjcxNDU2IDEzLjg5NDggMTAuMDk2NiAxNC40NjY4IDEwLjU0NzkgMTQuNDY2OEMxMC45OTkyIDE0LjQ2NjggMTEuMzgxOSAxMy44OTY4IDExLjM4MTkgMTMuMjE3NUMxMS4zODE5IDEyLjUzODkgMTAuOTk5OSAxMS45Njg5IDEwLjU0ODUgMTEuOTY4OUwxMC41NDc5IDExLjk3MDJaTTE1LjM5NzcgMy41NDg0MUMxNS4zMjU4IDMuNDY4MTcgMTUuMjMzOCAzLjQwODQ4IDE1LjEzMTIgMy4zNzU0NUMxNS4wMjg2IDMuMzQyNDIgMTQuOTE5IDMuMzM3MjMgMTQuODEzOCAzLjM2MDQyQzE0LjYwMTggMy40MTEwOCAxNC40MjcxIDMuNTczNzQgMTQuMzQ3MSAzLjc5NTA3QzE0LjE2ODggNC4zMTgxNiAxNC4wMDM2IDQuODQ1NjUgMTMuODUxOCA1LjM3NzA0QzEzLjYzODUgNC45MzQzOCAxMy4zOTg1IDQuNTA5NzIgMTMuMTMxOCA0LjEwMzc0QzEyLjE0NzggMi42MDQ0NCAxMC43OTg1IDEuMzMxOCA4Ljg4NjU3IDAuMDk4NTAzN0M4Ljc5NTYgMC4wMzkxOTE2IDguNjkwMzIgMC4wMDU0NzcyOCA4LjU4MTgyIDAuMDAwOTAyOTA5QzguNDczMzEgLTAuMDAzNjcxNDYgOC4zNjU1OCAwLjAyMTA2MyA4LjI2OTkzIDAuMDcyNTA3NkM4LjE3MTE2IDAuMTI5NTgzIDguMDg3NjcgMC4yMDk3MjMgOC4wMjY2MSAwLjMwNjA3OUM3Ljk2NTU0IDAuNDAyNDM1IDcuOTI4NzEgMC41MTIxNDMgNy45MTkyNyAwLjYyNTgyOEM3LjY1MzI3IDMuMjI5NzMgNy4xNjM5NSA1Ljg2OTAxIDUuNDkyIDcuNzI2OTZMNS4yNzAwMSA3LjI1MzY0QzUuMDc0NyA2Ljg0NDMyIDQuODkyMDIgNi40NTkwMSA0Ljc3NDcgNi4xMjkwMUM0LjY0ODAyIDUuNzY1NjkgNC4yNzY3MSA1LjU4MzcgMy45NDUzOCA1LjcyMjM3QzMuNzkzMSA1Ljc4ODQ4IDMuNjcwOTMgNS45MDg5OCAzLjYwMjcyIDYuMDYwMzRMMy40NjgwNiA2LjM0N0MyLjY0NzQxIDguMDg2OTYgMS41MjU0NCAxMC40NzM2IDEuMzU2MSAxMi40OTE1QzEuMDA0NzcgMTYuNzY4NyA0LjU1NjY5IDE5LjQ1NjcgOC4yNTA1OSAxOS45MDMzQzkuMDYxOTIgMjAuMDAxMyA5Ljg3NzIyIDIwLjAyMzMgMTAuNjkxOSAxOS45NzMzQzEzLjU5NjUgMTkuNzg0IDE3LjEyNSAxOC4xNTU0IDE4LjMxNDMgMTQuMTQ2OEMxOS4wODQzIDExLjU0NDkgMTguNzgzNyA3LjIxMDMyIDE1LjM5NzcgMy41NDcwOFYzLjU0Nzc0VjMuNTQ4NDFaTTcuODI3OTQgMTUuMTUyMUM3LjgyNzk0IDE1LjQ5MDEgNy41NzUyOCAxNS43NjU1IDcuMjY0NjIgMTUuNzY1NUM2Ljk1NDY0IDE1Ljc2NjggNi43MDMyOSAxNS40OTIxIDYuNzAxOTYgMTUuMTUyMVYxMy43NTg4TDUuNTQyIDEzLjc3ODhWMTUuMTg2MUM1LjU0MiAxNS41MjM0IDUuMjg5MzQgMTUuNzk5NCA0Ljk3ODY4IDE1Ljc5OTRDNC42NjkzNiAxNS44MDA4IDQuNDE2NjkgMTUuNTI2MSA0LjQxNTM2IDE1LjE4NjFWMTEuNDE4OUM0LjQxNTM2IDExLjA4MDIgNC42NjczNSAxMC44MDU2IDQuOTc4NjggMTAuODA1NkM1LjI4OTM0IDEwLjgwNTYgNS41NDEzNCAxMS4wODAyIDUuNTQxMzQgMTEuNDE4OVYxMi41NTE1TDYuNzAxOTYgMTIuNTMyMlYxMS4zODU1QzYuNzAxOTYgMTEuMDQ2OSA2Ljk1Mzk1IDEwLjc3MTYgNy4yNjQ2MiAxMC43NzE2QzcuNTc1MjggMTAuNzcxNiA3LjgyNzI3IDExLjA0NjkgNy44MjcyNyAxMS4zODQ5VjE1LjE1MTVINy44Mjc5NFYxNS4xNTIxWk0xMC41NDc5IDE1LjY5MDhDOS40Njc5IDE1LjY5MDggOC41OTA1OSAxNC41ODAxIDguNTkwNTkgMTMuMjE1NUM4LjU5MDU5IDExLjg1MDkgOS40Njc5IDEwLjc0MDIgMTAuNTQ3OSAxMC43NDAyQzExLjYyNzggMTAuNzQwMiAxMi41MDc4IDExLjg1MDkgMTIuNTA3OCAxMy4yMTU1QzEyLjUwNjUgMTQuNTgwMSAxMS42Mjc4IDE1LjY5MDggMTAuNTQ3OSAxNS42OTA4VjE1LjY5MDhaTTE1LjY1MDQgMTIuMTAyMkgxNC45MzUxVjE1LjExODhDMTQuOTM1MSAxNS40NTY4IDE0LjY4MzggMTUuNzMyMSAxNC4zNzMxIDE1LjczMjFDMTQuMDYzMSAxNS43MzM0IDEzLjgxMTEgMTUuNDU4OCAxMy44MDkxIDE1LjExODhWMTIuMTAyMkgxMy4wOTUxQzEzLjAyMDIgMTIuMTAyMiAxMi45NDYxIDEyLjA4NjIgMTIuODc3OCAxMi4wNTUzQzEyLjgwOTUgMTIuMDI0NCAxMi43NDg2IDExLjk3OTIgMTIuNjk5MSAxMS45MjI5QzEyLjU5MzEgMTEuODAyMyAxMi41MzM5IDExLjY0NzUgMTIuNTMyNSAxMS40ODY5QzEyLjUzMjUgMTEuMTQ4MiAxMi43ODQ1IDEwLjg3MzYgMTMuMDk1MSAxMC44NzM2SDE1LjY0ODRDMTUuOTU5MSAxMC44NzM2IDE2LjIxMDQgMTEuMTQ4MiAxNi4yMTA0IDExLjQ4NjlDMTYuMjA5OSAxMS42NDc3IDE2LjE1MDYgMTEuODAyOCAxNi4wNDM3IDExLjkyMjlDMTUuOTk1MSAxMS45Nzk2IDE1LjkzNDggMTIuMDI1MSAxNS44NjY5IDEyLjA1NjJDMTUuNzk5IDEyLjA4NzIgMTUuNzI1MSAxMi4xMDMyIDE1LjY1MDQgMTIuMTAyOVYxMi4xMDIyWiIgZmlsbD0iI0Y3NDM0MyIvPjwvc3ZnPg=='
65
65
 
66
66
  const { editableAttrs } = useInlineEdit({
67
67
  editorMode: () => !!props.editorMode,
@@ -74,7 +74,7 @@ const { editableAttrs } = useInlineEdit({
74
74
  </script>
75
75
 
76
76
  <template>
77
- <ul class="level-1">
77
+ <ul class="level-1">
78
78
  <li class="table-of-contents" v-bind="editableAttrs('title')">
79
79
  {{ title }}
80
80
  </li>
@@ -100,7 +100,3 @@ const { editableAttrs } = useInlineEdit({
100
100
  </template>
101
101
  </ul>
102
102
  </template>
103
-
104
- <style scoped>
105
- .level-1{background:#f5f9fc;border-radius:10px;display:flex;flex-direction:column;font-weight:700;gap:10px;line-height:19px;list-style:none;margin-bottom:20px;margin-top:30px;padding:28px 28px 28px 74px}.level-1 li,.level-2 li{align-items:center;display:flex;position:relative;width:-moz-fit-content;width:fit-content}.level-1 li:not(.table-of-contents):before,.level-2 li:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='12' fill='none' viewBox='0 0 21 12'%3E%3Cpath fill='%2324c790' d='M20.53 6.53a.75.75 0 0 0 0-1.06L15.757.697a.75.75 0 0 0-1.06 1.06L18.939 6l-4.242 4.243a.75.75 0 0 0 1.06 1.06zM0 6v.75h20v-1.5H0z'/%3E%3C/svg%3E") no-repeat 50%;background-size:cover;content:"";height:12px;left:-34px;position:absolute;top:3.5px;width:21px}.level-1 li.table-of-contents{font-size:18px;margin-left:-37px}.level-2{display:flex;flex-direction:column;gap:10px;list-style:none;margin-left:35px;padding:0}.level-1 a,.level-2 a{align-items:center;color:inherit;display:flex;text-decoration:none}.hot-icon{flex-shrink:0;margin-left:4px}@media (max-width:768px){.level-1 li.table-of-contents{font-size:16px}.level-1{font-size:14px;line-height:16px;margin-top:20px;padding:24px 20px 24px 54px}}
106
- </style>
package/dist/sections/article/visiva/ArticleBulletList.vue CHANGED
@@ -36,9 +36,8 @@ const { blockEditableAttrs } = useInlineEdit({
36
36
  <template>
37
37
  <ul class="blog-h3-style1-list">
38
38
  <template v-for="blockId in blockOrder" :key="blockId">
39
- <li v-if="blocks[blockId]" v-bind="blockEditableAttrs(blockId, 'text')">
40
- {{ blocks[blockId]!.settings.text }}
41
- </li>
39
+ <!-- eslint-disable-next-line vue/no-v-html -->
40
+ <li v-if="blocks[blockId]" v-bind="blockEditableAttrs(blockId, 'text')" v-html="blocks[blockId]!.settings.text" />
42
41
  </template>
43
42
  </ul>
44
43
  </template>
package/dist/sections/article/visiva/ArticleFaq.vue CHANGED
@@ -78,9 +78,8 @@ const { editableAttrs, blockEditableAttrs } = useInlineEdit({
78
78
  <h3 class="blog-qa-card3-question" v-bind="blockEditableAttrs(blockOrder[index], 'question')">
79
79
  {{ item.settings.question }}
80
80
  </h3>
81
- <p class="blog-qa-card3-answer" v-bind="blockEditableAttrs(blockOrder[index], 'answer')">
82
- {{ item.settings.answer }}
83
- </p>
81
+ <!-- eslint-disable-next-line vue/no-v-html -->
82
+ <div class="blog-qa-card3-answer" v-bind="blockEditableAttrs(blockOrder[index], 'answer')" v-html="item.settings.answer" />
84
83
  </div>
85
84
  </div>
86
85
  </template>
package/dist/sections/article/visiva/ArticleFeature.vue CHANGED
@@ -46,9 +46,8 @@ const { editableAttrs, blockEditableAttrs } = useInlineEdit({
46
46
 
47
47
  <ul :class="isDark ? 'blog-features-card-dark-list' : 'blog-features-card-list'">
48
48
  <template v-for="blockId in blockOrder" :key="blockId">
49
- <li v-if="blocks[blockId]" v-bind="blockEditableAttrs(blockId, 'text')">
50
- {{ blocks[blockId]!.settings.text }}
51
- </li>
49
+ <!-- eslint-disable-next-line vue/no-v-html -->
50
+ <li v-if="blocks[blockId]" v-bind="blockEditableAttrs(blockId, 'text')" v-html="blocks[blockId]!.settings.text" />
52
51
  </template>
53
52
  </ul>
54
53
 
package/dist/sections/article/visiva/ArticleNotice.vue CHANGED
@@ -44,14 +44,14 @@ const { editableAttrs, blockEditableAttrs } = useInlineEdit({
44
44
  <img src="https://cdn.visiva.ai/blog/temp/idea.png" alt="Lightbulb" class="blog-note-style-badge-icon">
45
45
  <span class="blog-note-style-badge-text">Tips</span>
46
46
  </div>
47
- <p
47
+ <!-- eslint-disable-next-line vue/no-v-html -->
48
+ <div
48
49
  v-for="id in blockOrder"
49
50
  :key="id"
50
51
  class="blog-note-style-text"
51
52
  v-bind="blockEditableAttrs(id, 'text')"
52
- >
53
- {{ (blocks[id]?.settings as Record<string, unknown>)?.text ?? '' }}
54
- </p>
53
+ v-html="(blocks[id]?.settings as Record<string, unknown>)?.text ?? ''"
54
+ />
55
55
  </div>
56
56
 
57
57
  <!-- note 变体: blog-note-style2 -->
@@ -63,14 +63,14 @@ const { editableAttrs, blockEditableAttrs } = useInlineEdit({
63
63
  <img src="https://cdn.visiva.ai/blog/temp/note.png" alt="Note" class="blog-note-style-badge-icon">
64
64
  <span class="blog-note-style-badge-text">{{ title || 'Tips' }}</span>
65
65
  </div>
66
- <p
66
+ <!-- eslint-disable-next-line vue/no-v-html -->
67
+ <div
67
68
  v-for="id in blockOrder"
68
69
  :key="id"
69
70
  class="blog-note-style-text"
70
71
  v-bind="blockEditableAttrs(id, 'text')"
71
- >
72
- {{ (blocks[id]?.settings as Record<string, unknown>)?.text ?? '' }}
73
- </p>
72
+ v-html="(blocks[id]?.settings as Record<string, unknown>)?.text ?? ''"
73
+ />
74
74
  </div>
75
75
 
76
76
  <!-- info 变体: blog-note-style3 -->
@@ -88,14 +88,14 @@ const { editableAttrs, blockEditableAttrs } = useInlineEdit({
88
88
  {{ title || 'Note' }}
89
89
  </h3>
90
90
  </div>
91
- <p
91
+ <!-- eslint-disable-next-line vue/no-v-html -->
92
+ <div
92
93
  v-for="id in blockOrder"
93
94
  :key="id"
94
95
  class="blog-note-style3-text"
95
96
  v-bind="blockEditableAttrs(id, 'text')"
96
- >
97
- {{ (blocks[id]?.settings as Record<string, unknown>)?.text ?? '' }}
98
- </p>
97
+ v-html="(blocks[id]?.settings as Record<string, unknown>)?.text ?? ''"
98
+ />
99
99
  </div>
100
100
  </template>
101
101
 
package/dist/sections/article/visiva/ArticleProsCons.vue CHANGED
@@ -61,9 +61,8 @@ const { editableAttrs, blockEditableAttrs } = useInlineEdit({
61
61
  </div>
62
62
  <ul class="blog-pros-cons-list">
63
63
  <template v-for="blockId in prosBlocks" :key="blockId">
64
- <li v-if="blocks[blockId]" v-bind="blockEditableAttrs(blockId, 'text')">
65
- {{ blocks[blockId]!.settings.text }}
66
- </li>
64
+ <!-- eslint-disable-next-line vue/no-v-html -->
65
+ <li v-if="blocks[blockId]" v-bind="blockEditableAttrs(blockId, 'text')" v-html="blocks[blockId]!.settings.text" />
67
66
  </template>
68
67
  </ul>
69
68
  </div>
@@ -98,9 +97,8 @@ const { editableAttrs, blockEditableAttrs } = useInlineEdit({
98
97
  </div>
99
98
  <ul class="blog-pros-cons-list">
100
99
  <template v-for="blockId in consBlocks" :key="blockId">
101
- <li v-if="blocks[blockId]" v-bind="blockEditableAttrs(blockId, 'text')">
102
- {{ blocks[blockId]!.settings.text }}
103
- </li>
100
+ <!-- eslint-disable-next-line vue/no-v-html -->
101
+ <li v-if="blocks[blockId]" v-bind="blockEditableAttrs(blockId, 'text')" v-html="blocks[blockId]!.settings.text" />
104
102
  </template>
105
103
  </ul>
106
104
  </div>
package/dist/sections/article/visiva/ArticleQuestion.vue CHANGED
@@ -50,7 +50,7 @@ const { blockEditableAttrs } = useInlineEdit({
50
50
  <h3 class="blog-qa-question" v-bind="blockEditableAttrs(blockOrder[index], 'question')">
51
51
  {{ item.settings.question }}
52
52
  </h3>
53
- <p
53
+ <div
54
54
  class="blog-qa-answer"
55
55
  v-bind="blockEditableAttrs(blockOrder[index], 'answer')"
56
56
  v-html="String(item.settings.answer || '')"
@@ -78,9 +78,8 @@ const { blockEditableAttrs } = useInlineEdit({
78
78
  >
79
79
  {{ item.settings.question }}
80
80
  </h3>
81
- <p class="blog-qa-answer">
82
- {{ item.settings.answer }}
83
- </p>
81
+ <!-- eslint-disable-next-line vue/no-v-html -->
82
+ <div class="blog-qa-answer" v-html="item.settings.answer" />
84
83
  </div>
85
84
  </div>
86
85
  </template>
package/dist/sections/article/visiva/ArticleQuote.vue CHANGED
@@ -39,7 +39,7 @@ const { editableAttrs } = useInlineEdit({
39
39
  <h3 v-if="s.title" class="blog-quote-title" v-bind="editableAttrs('title')">
40
40
  {{ s.title }}
41
41
  </h3>
42
- <p class="blog-quote-text" v-html="renderedContent" />
42
+ <div class="blog-quote-text" v-html="renderedContent" />
43
43
  <div v-if="s.attribution" class="blog-quote-footer">
44
44
  <span class="blog-quote-divider" />
45
45
  <p class="blog-quote-author">
package/dist/styles/products/vigilkids.css CHANGED
@@ -1 +1 @@
1
- .article-content--vigilkids p{color:#3a4259;margin-top:10px}.article-content--vigilkids a:not(.btn){color:#4285f4;transition:all .3s ease}.article-content--vigilkids .level-1 a,.article-content--vigilkids .level-2 a{color:#3a4259}.article-content--vigilkids .level-1 a:hover,.article-content--vigilkids .level-2 a:hover{color:#4285f4}.article-content--vigilkids .underline,.article-content--vigilkids a:not(.btn):hover{text-decoration:underline}.article-content--vigilkids .font-bold{font-weight:700}.article-content--vigilkids .primary-color{color:hsl(var(--color-primary-hover-var))}.article-content--vigilkids .level-1{background:#f5f9fc;border-radius:10px;display:flex;flex-direction:column;font-weight:700;gap:10px;line-height:19px;margin-bottom:20px;margin-top:30px;padding:28px 28px 28px 74px}.article-content--vigilkids .top-level{align-items:flex-start!important;display:flex!important;flex-direction:column;gap:10px}.article-content--vigilkids .level-2{display:flex;flex-direction:column;gap:10px;margin-left:35px}.article-content--vigilkids .level-1 li,.article-content--vigilkids .level-2 li{align-items:center;display:flex;position:relative;width:-moz-fit-content;width:fit-content}.article-content--vigilkids .level-1 li:not(.table-of-contents):before,.article-content--vigilkids .level-2 li:before{background:url(../../assets/images/article/arrow.svg) no-repeat 50%;background-size:cover;content:"";height:12px;left:-34px;position:absolute;top:3.5px;width:21px}.article-content--vigilkids .level-1 li.table-of-contents{font-size:18px;margin-left:-37px}.article-content--vigilkids h2{background:#f5f9fc;font-size:28px;font-weight:700;line-height:36px;margin-bottom:30px;margin-top:30px;padding:14px 30px;position:relative}.article-content--vigilkids .black-h2{background:transparent;color:#3a4259;font-size:28px;line-height:36px;padding:0}.article-content--vigilkids h2:not(.black-h2):before{background:hsla(var(--color-primary-var),1);content:"";height:100%;left:0;position:absolute;top:0;width:10px}.article-content--vigilkids h3{align-items:center;color:hsl(var(--color-primary-hover-var));display:flex;font-size:20px;font-weight:700;line-height:23px;margin-top:30px}.article-content--vigilkids .black-h3{color:#3a4259}.article-content--vigilkids h3 .green-text{align-items:center;border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;margin-right:14px;min-width:36px;position:relative;width:36px}.article-content--vigilkids h3 .green-text:before{background:var(--color-primary);border-radius:50%;content:"";height:36px;left:0;position:absolute;top:0;width:36px;z-index:-1}.article-content--vigilkids .disc-list{list-style-type:disc;margin-top:10px;padding-left:20px}.article-content--vigilkids .article-info{background:#f7f7f7;color:#3a4259;font-size:16px;line-height:24px;margin:30px 0 14px;padding:30px;position:relative}.article-content--vigilkids .article-info p:last-child{margin-bottom:0}.article-content--vigilkids .article-info:before{background:hsla(var(--color-primary-var),1);content:"";height:100%;left:0;position:absolute;top:0;width:10px}.article-content--vigilkids .article-info-title{color:#3a4259;font-size:20px;font-weight:700;line-height:23px;margin-bottom:14px}.article-content--vigilkids .article-info-content{color:#3a4259;font-size:16px;font-style:italic;line-height:24px;margin-bottom:14px}.article-content--vigilkids .notice-info{background:hsla(var(--color-primary-hover-var),.1);border:2px dashed var(--color-primary-hover);border-radius:10px;font-size:18px;line-height:21px;margin-bottom:20px;margin-top:30px;padding:60px 40px 40px 108px;position:relative}.article-content--vigilkids .notice-info:before{background:url(../../assets/images/article/notice-info-icon.svg) no-repeat 50%;background-size:cover;content:"";height:40px;left:40px;position:absolute;top:0;width:142px}.article-content--vigilkids .notice-info p{position:relative}.article-content--vigilkids .notice-info p:not(:last-child){margin-bottom:16px}.article-content--vigilkids .notice-info p:before{background:url(../../assets/images/article/notice-info.svg) no-repeat 50%;content:"";height:30px;left:-38px;position:absolute;top:-4.5px;width:30px}.article-content--vigilkids .notice-info.warning{background:#f1631c1a;border-color:#f1631c}.article-content--vigilkids .notice-info.warning:before{background:url(../../assets/images/article/notice-warning-icon.svg) no-repeat 50%}.article-content--vigilkids .notice-info.warning p:before{background:url(../../assets/images/article/notice-warning.svg) no-repeat 50%}.article-content--vigilkids .step-list{margin-bottom:30px;margin-top:20px}.article-content--vigilkids .step-list li:not(:last-child){margin-bottom:24px}.article-content--vigilkids .step-list li span{font-weight:700}.article-content--vigilkids .article-question{background:#f3f5f7;border-radius:10px;color:#3a4259;margin:30px 0;padding:30px 30px 30px 82px}.article-content--vigilkids .article-question p:last-child{margin-bottom:0}.article-content--vigilkids .article-question-title{line-height:38px;margin-bottom:11.5px}.article-content--vigilkids .article-question-title:before{background:url(../../assets/images/article/question.svg) no-repeat 50%;background-size:cover;content:"";height:38px;left:-52px;position:absolute;top:0;width:38px}.article-content--vigilkids img:not(.hot-icon){height:auto;margin:10px auto 30px;max-width:500px;-o-object-fit:cover;object-fit:cover;width:auto}.article-content--vigilkids .btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:52px;justify-content:center;line-height:24px;margin:20px auto 30px;padding:10px 20px;transition:all .3s ease;width:220px}.article-content--vigilkids .btn,.article-content--vigilkids .btn.btn-primary{background:hsl(var(--color-primary-var))}.article-content--vigilkids .btn.btn-primary:active,.article-content--vigilkids .btn.btn-primary:hover{background:hsl(var(--color-primary-hover-var))}.article-content--vigilkids .btn-group{align-items:center;display:flex;gap:40px;justify-content:center;margin-bottom:30px;margin-top:20px}.article-content--vigilkids .btn-group .btn{margin:0}.article-content--vigilkids .btn.outline-btn{background:#fff;border:2px solid hsl(var(--color-primary-var));color:hsl(var(--color-primary-hover-var))}.article-content--vigilkids .btn.outline-btn:hover{background:hsl(var(--color-primary-var));color:#fff}.article-content--vigilkids .btn.outline-btn:active{background:hsl(var(--color-primary-hover-var));color:#fff}.article-content--vigilkids .article-feature{background:#f3f5f7;border-radius:10px;color:#3a4259;margin-top:30px;padding:30px 60px}.article-content--vigilkids .article-feature-title{margin-top:0}.article-content--vigilkids .article-question-title{font-size:20px;font-weight:700;line-height:23px;margin-bottom:20px;position:relative}.article-content--vigilkids .article-feature-list{line-height:32px;list-style-type:disc;padding-left:20px}.article-content--vigilkids .article-try{align-items:center;background:#f3f5f7;border-radius:10px;color:#3a4259;display:flex;justify-content:space-between;margin-top:30px;padding:40px 60px}.article-content--vigilkids .article-try-title{font-size:20px;font-weight:700;line-height:23px;margin-bottom:10px}.article-content--vigilkids .article-try-content{display:flex;flex-direction:column;justify-content:space-between}.article-content--vigilkids .article-try-description{line-height:32px}.article-content--vigilkids .article-try .btn{margin:0 0 0 10px;min-width:220px}.article-content--vigilkids .article-show{align-items:center;background:#f3f5f7;border-radius:10px;color:#3a4259;display:flex;justify-content:space-between;margin-top:30px;padding:40px 30px 40px 60px}.article-content--vigilkids .article-show-title{font-size:24px;font-weight:700;line-height:28px;margin-bottom:14px}.article-content--vigilkids .article-show-content{display:flex;flex-direction:column;justify-content:space-between}.article-content--vigilkids .article-show-description{line-height:30px}.article-content--vigilkids .article-show .btn{margin-left:0;min-width:220px}.article-content--vigilkids .article-show img:not(.hot-icon){border-radius:10px;height:auto;margin-left:32px;max-width:368px;-o-object-fit:cover;object-fit:cover;width:100%}.article-content--vigilkids .faq-list{background:#f3f5f7;border-radius:10px;color:#333;margin-bottom:50px;margin-top:20px;padding:26px 20px}.article-content--vigilkids .faq-item{background:#fff;border-radius:10px;cursor:pointer;padding:32px 26px 32px 18px;position:relative;transition:all .3s ease}.article-content--vigilkids .faq-item:hover{transform:translateY(-2px)}.article-content--vigilkids .faq-item:not(:last-child){margin-bottom:10px}.article-content--vigilkids .faq-item-title{cursor:pointer;font-size:18px;font-weight:700;line-height:26px;margin-bottom:0;margin-top:0;padding-right:74px;transition:margin-bottom .3s ease}.article-content--vigilkids .faq-item-title:before{background:url(https://vigilkids-marketing-test.oss-us-west-1.aliyuncs.com/vigilkids/show_7eb7dc7834.svg) no-repeat 50%;background-size:cover;content:"";height:26px;position:absolute;right:26px;top:30px;transition:transform .3s ease,background-image .3s ease;width:26px}.article-content--vigilkids .faq-item.active .faq-item-title{margin-bottom:18px}.article-content--vigilkids .faq-item.active .faq-item-title:before{background:url(https://vigilkids-marketing-test.oss-us-west-1.aliyuncs.com/vigilkids/close_8fdb59cd06.svg) no-repeat 50%;transform:rotate(180deg)}.article-content--vigilkids .faq-item-answer{color:#666;font-size:18px;line-height:27px;margin:0;max-height:0;opacity:0;overflow:hidden;padding:0 74px 0 22px;transition:max-height .4s ease,opacity .3s ease,padding .3s ease}.article-content--vigilkids .faq-item.active .faq-item-answer{opacity:1;padding-bottom:0;padding-top:0}.article-content--vigilkids .props-dashed,.article-content--vigilkids .props-solid{background:#f5f9fc;border-radius:10px;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:20px 0;padding:20px 30px}.article-content--vigilkids .props-dashed{background:#fff;border:1px dashed #ccc}.article-content--vigilkids .props-dashed span,.article-content--vigilkids .props-solid span{display:block;font-size:20px;font-weight:700;line-height:28px;padding-left:14px;position:relative}.article-content--vigilkids .props-dashed span:before,.article-content--vigilkids .props-solid span:before{background:hsla(var(--color-primary-var),1);content:"";height:14px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:6px}.article-content--vigilkids .props-dashed ul,.article-content--vigilkids .props-solid ul{color:#3a4259;font-size:16px;line-height:32px;margin-top:14px;padding-left:14px}.article-content--vigilkids .props-dashed .props-right span:before,.article-content--vigilkids .props-solid .props-right span:before{background:#f44242}.contrast-table{background:#fff;border:1px solid #d9d9d9;margin:30px 0;overflow-x:auto}.contrast-table table{color:#333;text-align:center}.contrast-table td,.contrast-table th{border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;padding:18px 20px;width:25%}.contrast-table td:last-child,.contrast-table th:last-child{border-right:none}.contrast-table thead{font-size:16px}@media only screen and (max-width:500px){.contrast-table tbody{font-size:14px}}.contrast-table tbody tr:last-child td{border-bottom:none}.contrast-table.sticky-table tr td:first-child,.contrast-table.sticky-table tr th:first-child{font-weight:700;left:0;position:sticky;z-index:2}.contrast-table tr td,.contrast-table tr th{background-color:#fff}.contrast-table tbody tr:nth-child(2n) td,.contrast-table thead tr th{background-color:#f4f5f7}.contrast-table.sticky-table tr td:first-child:after,.contrast-table.sticky-table tr th:first-child:after{background-image:linear-gradient(270deg,rgba(49,49,49,0),rgba(0,0,0,.04));bottom:0;content:"";position:absolute;right:-16px;top:0;width:16px;z-index:1}.contrast-table tr td a{color:hsl(var(--color-primary-hover-var));font-weight:400}.article-content--vigilkids .notice-info-row{display:flex;gap:20px;margin-bottom:10px;margin-top:30px}.article-content--vigilkids .notice-info-row .notice-info{background:#f5f9fc;margin:0;padding-bottom:40px;padding-left:78px;padding-top:75px;width:50%}.article-content--vigilkids .notice-info-row .notice-info p{line-height:24px;margin-bottom:16px;margin-top:0;min-height:30px}.article-content--vigilkids .notice-info-row .notice-info p:last-child{margin-bottom:0}.article-content--vigilkids .notice-info-row .notice-info p:before{top:-3px}@media (max-width:768px){.article-content--vigilkids p{font-size:14px}.article-content--vigilkids .level-1 li.table-of-contents{font-size:16px}.article-content--vigilkids .level-1{font-size:14px;line-height:16px;margin-top:20px;padding:24px 20px 24px 54px}.article-content--vigilkids h2{font-size:20px;line-height:23px;margin-bottom:20px;margin-top:20px;padding:16px}.article-content--vigilkids h2:before{height:100%;width:4px}.article-content--vigilkids h3{font-size:18px}.article-content--vigilkids .article-info{font-size:14px;padding:20px 16px}.article-content--vigilkids .article-info:before{height:100%;width:4px}.article-content--vigilkids .article-info-title{font-size:18px;line-height:21px;margin-bottom:10px}.article-content--vigilkids .article-info-content{font-size:14px;line-height:21px}.article-content--vigilkids .article-info P:last-child{text-align:right}.article-content--vigilkids .notice-info{line-height:19px;padding:44px 16px 30px 44px}.article-content--vigilkids .notice-info:before{background-size:cover!important;height:32px;left:16px;width:114px}.article-content--vigilkids .notice-info p:before{left:-30px;top:-2px}.article-content--vigilkids .step-list li{font-size:14px;line-height:21px}.article-content--vigilkids .step-list li:not(:last-child){margin-bottom:21px}.article-content--vigilkids .article-question{padding:20px}.article-content--vigilkids .article-question-title{padding-left:52px}.article-content--vigilkids .article-question-title:before{left:0}.article-content--vigilkids .btn-group{align-items:center;flex-direction:column;gap:18px}.article-content--vigilkids .faq-item{padding:24px 20px 24px 16px}.article-content--vigilkids .faq-item-title{font-size:16px;line-height:19px;padding-right:60px}.article-content--vigilkids .faq-item-title:before{height:20px;right:20px;top:22px;width:20px}.article-content--vigilkids .faq-item-answer{line-height:21px;padding-left:16px;padding-right:60px}.article-content--vigilkids .article-feature{padding:20px 16px}.article-content--vigilkids .article-try{align-items:center;flex-direction:column;padding:20px 16px;text-align:center}.article-content--vigilkids .article-try-description{line-height:21px}.article-content--vigilkids .article-try .btn{margin:20px 0}.article-content--vigilkids .article-show{align-items:center;flex-direction:column;padding:20px 16px;text-align:center}.article-content--vigilkids .article-show-content{align-items:center}.article-content--vigilkids .article-show-description{line-height:21px}.article-content--vigilkids .article-show .btn,.article-content--vigilkids .article-show img:not(.hot-icon){margin:20px 0}.article-content--vigilkids .faq-item{padding:20px 16px}.article-content--vigilkids .faq-item-title{font-size:14px;line-height:16px;padding-right:40px}.article-content--vigilkids .faq-item-answer{font-size:14px;line-height:16px;padding-left:0;padding-right:0}.article-content--vigilkids .faq-item.active .faq-item-title{margin-bottom:10px}.article-content--vigilkids .faq-item-title:before{right:16px;top:20px;width:16px}.contrast-table:not(.sticky-table) tr th{min-width:200px!important}.article-content--vigilkids .black-h2{font-size:20px;line-height:23px}.article-content--vigilkids .props-dashed,.article-content--vigilkids .props-solid{gap:20px;grid-template-columns:1fr;margin:16px 0;padding:16px}.article-content--vigilkids .props-dashed span,.article-content--vigilkids .props-solid span{font-size:18px;line-height:21px;padding-left:10px}.article-content--vigilkids .props-dashed span:before,.article-content--vigilkids .props-solid span:before{height:10px;width:4px}.article-content--vigilkids .props-dashed ul,.article-content--vigilkids .props-solid ul{font-size:14px;line-height:21px;margin-top:10px;padding-left:10px}.article-content--vigilkids .notice-info-row{flex-direction:column;gap:16px}.article-content--vigilkids .notice-info-row .notice-info{padding-bottom:24px;padding-left:44px;padding-top:52px;width:100%}.article-content--vigilkids .notice-info-row .notice-info p{line-height:21px;margin-bottom:12px;min-height:24px}.article-content--vigilkids .notice-info-row .notice-info p:last-child{margin-bottom:0}.article-content--vigilkids .notice-info-row .notice-info p:before{top:0}.article-content--vigilkids .notice-info p:before{background-size:cover;height:24px;width:24px}.article-content--vigilkids .notice-info.warning p:before{background-size:cover}}@media (max-width:515px){.article-content--vigilkids img:not(.hot-icon){max-width:100%;width:auto}}.article-content--vigilkids [id]{scroll-margin-top:80px}
1
+ @import "../utilities.css";.article-content--vigilkids p{color:#3a4259;margin-top:10px}.article-content--vigilkids a:not(.btn){color:#4285f4;transition:all .3s ease}.article-content--vigilkids .level-1 a,.article-content--vigilkids .level-2 a{color:#3a4259}.article-content--vigilkids .level-1 a:hover,.article-content--vigilkids .level-2 a:hover{color:#4285f4}.article-content--vigilkids .underline,.article-content--vigilkids a:not(.btn):hover{text-decoration:underline}.article-content--vigilkids .font-bold{font-weight:700}.article-content--vigilkids .primary-color{color:hsl(var(--color-primary-hover-var))}.article-content--vigilkids .level-1{background:#f5f9fc;border-radius:10px;display:flex;flex-direction:column;font-weight:700;gap:10px;line-height:19px;margin-bottom:20px;margin-top:30px;padding:28px 28px 28px 74px}.article-content--vigilkids .top-level{align-items:flex-start!important;display:flex!important;flex-direction:column;gap:10px}.article-content--vigilkids .level-2{display:flex;flex-direction:column;gap:10px;margin-left:35px}.article-content--vigilkids .level-1 li,.article-content--vigilkids .level-2 li{position:relative;width:-moz-fit-content;width:fit-content}.article-content--vigilkids .hot-icon{display:inline-block;margin-left:4px;vertical-align:middle}.article-content--vigilkids .level-1 li:not(.table-of-contents):before,.article-content--vigilkids .level-2 li:before{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIxIDEyIj48cGF0aCBmaWxsPSIjMjRjNzkwIiBkPSJNMjAuNTMgNi41M2EuNzUuNzUgMCAwIDAgMC0xLjA2TDE1Ljc1Ny42OTdhLjc1Ljc1IDAgMCAwLTEuMDYgMS4wNkwxOC45MzkgNmwtNC4yNDIgNC4yNDNhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNnpNMCA2di43NWgyMHYtMS41SDB6Ii8+PC9zdmc+") no-repeat 50%;background-size:cover;content:"";height:12px;left:-34px;position:absolute;top:3.5px;width:21px}.article-content--vigilkids .level-1 li.table-of-contents{font-size:18px;margin-left:-37px}.article-content--vigilkids h2{background:#f5f9fc;font-size:28px;font-weight:700;line-height:36px;margin-bottom:30px;margin-top:30px;padding:14px 30px;position:relative}.article-content--vigilkids .black-h2{background:transparent;color:#3a4259;font-size:28px;line-height:36px;padding:0}.article-content--vigilkids h2:not(.black-h2):before{background:hsla(var(--color-primary-var),1);content:"";height:100%;left:0;position:absolute;top:0;width:10px}.article-content--vigilkids h3{color:hsl(var(--color-primary-hover-var));font-size:20px;font-weight:700;line-height:23px;margin-top:30px}.article-content--vigilkids .black-h3{align-items:center;color:#3a4259;display:flex}.article-content--vigilkids h3 .green-text{align-items:center;border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;margin-right:14px;min-width:36px;position:relative;width:36px}.article-content--vigilkids h3 .green-text:before{background:var(--color-primary);border-radius:50%;content:"";height:36px;left:0;position:absolute;top:0;width:36px;z-index:-1}.article-content--vigilkids .disc-list{list-style-type:disc;margin-top:10px;padding-left:20px}.article-content--vigilkids .article-info{background:#f7f7f7;color:#3a4259;font-size:16px;line-height:24px;margin:30px 0 14px;padding:30px;position:relative}.article-content--vigilkids .article-info p:last-child{margin-bottom:0}.article-content--vigilkids .article-info:before{background:hsla(var(--color-primary-var),1);content:"";height:100%;left:0;position:absolute;top:0;width:10px}.article-content--vigilkids .article-info-title{color:#3a4259;font-size:20px;font-weight:700;line-height:23px;margin-bottom:14px}.article-content--vigilkids .article-info-content{color:#3a4259;font-size:16px;font-style:italic;line-height:24px;margin-bottom:14px}.article-content--vigilkids .notice-info{background:hsla(var(--color-primary-hover-var),.1);border:2px dashed var(--color-primary-hover);border-radius:10px;font-size:18px;line-height:21px;margin-bottom:20px;margin-top:30px;padding:60px 40px 40px 108px;position:relative}.article-content--vigilkids .notice-info:before{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDIiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxNDIgNDAiPjxwYXRoIGZpbGw9IiMyNGM3OTAiIGQ9Ik0wIDBoMTQybC05LjA3OSAyNy42MmExOCAxOCAwIDAgMS0xNy4xIDEyLjM4SDI2LjE3OWExOCAxOCAwIDAgMS0xNy4xLTEyLjM4eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01MS4xNTMgMzAuOTU3aC0uMDMzYy0xLjAxNy0uMDExLTIuMDM3LS4wMTEtMy4wNTctLjAxMWgtMS41NTZjLTEuMDM5IDAtMi4wNzggMC0zLjEyLS4wMTRhNC44IDQuOCAwIDAgMS0xLjY4MS0uMzU1Yy0uOTEtLjM1Ni0xLjQzLTEuMTQ5LTEuNDI4LTIuMThsLjAwMy0zLjg2NmMwLTIuMTQxIDAtNC4yODUuMDItNi40MjYuMDAyLS41ODIuMzc3LTEuMTI5LjY5Ny0xLjQxNiAxLjIzOC0xLjEzMiAyLjU4NC0yLjU0MyAzLjE0Ny00LjQ0Ni4xNTYtLjUzLjIxNi0xLjExNi4yNzktMS43MzQuMTI2LTEuMjMuOTI0LTIuMDMxIDEuOTktMi4wMzFxLjYzLjAwMiAxLjI0Ny4zNjljLjgyMy40OTUgMS4zNzMgMS4yNzEgMS42NzYgMi4zNzkuNDg3IDEuNzU4LjIzOCAzLjQ2NC0uMDM1IDQuOTI3di4wMDVhLjU1NS41NTUgMCAwIDAgLjU0NC42NmgzLjU1NWMuNjEyIDAgMS40OS4wNzYgMi4wMzEuNzMyLjM5NC40NzkuNTA2IDEuMTI0LjM0IDEuOTc3LS41MSAyLjYyMi0xLjEzMyA1LjI2Ny0xLjcyOSA3LjczLS4xODYuNzY5LS40OTUgMS40OC0uNzkzIDIuMTY5bC0uMTI4LjI5NWMtLjM0Ljc5OC0xLjA0IDEuMjM2LTEuOTY5IDEuMjM2TTM1LjkxIDMwLjdoLS4zMjVhMi4xNDUgMi4xNDUgMCAwIDEtMi4xMzktMi4xMzl2LTkuNTI5YzAtMS4xNzYuOTYzLTIuMTM4IDIuMTM5LTIuMTM4aC4zMjVjMS4xNzYgMCAyLjEzOC45NjIgMi4xMzggMi4xMzh2OS41MjdhMi4xNCAyLjE0IDAgMCAxLTIuMTM4IDIuMTRNNzYuODA3IDIxLjkzMmgtMy42MjN2LTIuMjg1aDMuNjIzcS44NCAwIDEuMzY3LS4yNzQuNTI3LS4yODQuNzcxLS43ODEuMjQ1LS40OTguMjQ1LTEuMTIzIDAtLjYzNC0uMjQ1LTEuMTgyYTEuOTcgMS45NyAwIDAgMC0uNzcxLS44NzlxLS41MjgtLjMzMi0xLjM2Ny0uMzMyaC0yLjYwOFYyN2gtMi45M1YxMi43ODFoNS41MzhxMS42NyAwIDIuODYxLjYwNiAxLjIuNTk1IDEuODM2IDEuNjUuNjM1IDEuMDU0LjYzNSAyLjQxMiAwIDEuMzc3LS42MzUgMi4zODMtLjYzNCAxLjAwNS0xLjgzNiAxLjU1My0xLjE5MS41NDctMi44NjEuNTQ3bTkuOTktMy4xOTRWMjdoLTIuODEzVjE2LjQzNGgyLjY0N3ptMy4xODQtMi4zNzMtLjA1IDIuNjA4YTcgNyAwIDAgMC0uNDk3LS4wNSA1IDUgMCAwIDAtLjUxOC0uMDI4IDMuMSAzLjEgMCAwIDAtMS4wMzUuMTU2IDEuODUgMS44NSAwIDAgMC0uNzIzLjQ0IDEuOSAxLjkgMCAwIDAtLjQzLjcxMnEtLjEzNi40Mi0uMTU2Ljk1N2wtLjU2Ni0uMTc2cTAtMS4wMjUuMjA1LTEuODg0LjIwNS0uODcuNTk2LTEuNTE0LjQtLjY0NS45NzYtLjk5NmEyLjUgMi41IDAgMCAxIDEuMzE5LS4zNTJxLjIzNCAwIC40NzguMDQuMjQ0LjAyOC40LjA4N20uNTg1IDUuNDZ2LS4yMDZxMC0xLjE2Mi4zMzItMi4xMzlhNC45NSA0Ljk1IDAgMCAxIC45NjctMS43MDkgNC4zIDQuMyAwIDAgMSAxLjU2My0xLjEyM3EuOTI3LS40MSAyLjEyOS0uNDEgMS4yIDAgMi4xMzguNDEuOTM4LjQgMS41NzMgMS4xMjRhNC45IDQuOSAwIDAgMSAuOTc2IDEuNzA5cS4zMzIuOTc1LjMzMiAyLjEzOHYuMjA1cTAgMS4xNTItLjMzMiAyLjEzOWE1IDUgMCAwIDEtLjk3NiAxLjcwOSA0LjMgNC4zIDAgMCAxLTEuNTYzIDEuMTIzcS0uOTI3LjQtMi4xMjkuNC0xLjIgMC0yLjEzOC0uNGE0LjQgNC40IDAgMCAxLTEuNTczLTEuMTIzIDUuMSA1LjEgMCAwIDEtLjk2Ny0xLjcxIDYuNyA2LjcgMCAwIDEtLjMzMi0yLjEzOG0yLjgxMy0uMjA2di4yMDVxMCAuNjY0LjExNyAxLjI0LjExNy41NzcuMzcxIDEuMDE2LjI2NC40My42ODQuNjc0dDEuMDI1LjI0NHEuNTg1IDAgMS4wMDYtLjI0NC40Mi0uMjQ1LjY3NC0uNjc0LjI1NS0uNDQuMzcxLTEuMDE1LjEyNy0uNTc3LjEyNy0xLjI0di0uMjA2cTAtLjY0NS0uMTI3LTEuMjFhMy4yIDMuMiAwIDAgMC0uMzgtMS4wMTZxLS4yNTUtLjQ1LS42NzUtLjcwNHQtMS4wMTUtLjI1My0xLjAxNi4yNTNxLS40MS4yNTUtLjY3NC43MDRhMy40IDMuNCAwIDAgMC0uMzcgMS4wMTUgNiA2IDAgMCAwLS4xMTggMS4yMTFtMTQuNjM5IDIuNDYxYS45LjkgMCAwIDAtLjE3Ni0uNTQ3cS0uMTc1LS4yNDQtLjY1NC0uNDQ5LS40NjktLjIxNS0xLjM1OC0uMzlhMTAuNiAxMC42IDAgMCAxLTEuNDk0LS40NCA1LjIgNS4yIDAgMCAxLTEuMTkxLS42NTQgMi44IDIuOCAwIDAgMS0uNzgyLS44OTkgMi41IDIuNSAwIDAgMS0uMjgzLTEuMjAxcTAtLjY2NS4yODMtMS4yNS4yOTQtLjU4Ni44My0xLjAzNWEzLjkgMy45IDAgMCAxIDEuMzI4LS43MTMgNS42IDUuNiAwIDAgMSAxLjc3OC0uMjY0cTEuMzc3IDAgMi4zNjMuNDQuOTk2LjQ0IDEuNTI0IDEuMjEuNTM3Ljc2Mi41MzcgMS43MzloLTIuODEzcTAtLjQxLS4xNzYtLjczMmExLjE2IDEuMTYgMCAwIDAtLjUyNy0uNTE4cS0uMzUxLS4xOTUtLjkxOC0uMTk1LS40NjkgMC0uODEuMTY2YTEuMjUgMS4yNSAwIDAgMC0uNTI4LjQzIDEuMDMgMS4wMyAwIDAgMC0uMTc2LjU4NXEwIC4yNDUuMDk4LjQ0LjEwOC4xODUuMzQyLjM0MXQuNjA1LjI5NHEuMzgxLjEyNi45MzguMjM0YTEwLjggMTAuOCAwIDAgMSAyLjA0MS42MTVxLjg5OC4zNzIgMS40MjYgMS4wMTYuNTI3LjYzNS41MjcgMS42NyAwIC43MDItLjMxMyAxLjI4OS0uMzEyLjU4NS0uODk4IDEuMDI1YTQuNiA0LjYgMCAwIDEtMS40MDYuNjc0IDYuNiA2LjYgMCAwIDEtMS44MjYuMjM0cS0xLjQ3NSAwLTIuNS0uNTI3LTEuMDE2LS41MjgtMS41NDMtMS4zMzgtLjUxOC0uODItLjUxOC0xLjY4aDIuNjY2cS4wMi41NzcuMjkzLjkyOC4yODMuMzUyLjcxMy41MDguNDQuMTU2Ljk0Ny4xNTYuNTQ4IDAgLjkwOC0uMTQ2LjM2Mi0uMTU3LjU0Ny0uNDFhMSAxIDAgMCAwIC4xOTYtLjYwNiIvPjwvc3ZnPg==") no-repeat 50%;background-size:cover;content:"";height:40px;left:40px;position:absolute;top:0;width:142px}.article-content--vigilkids .notice-info p{position:relative}.article-content--vigilkids .notice-info p:not(:last-child){margin-bottom:16px}.article-content--vigilkids .notice-info p:before{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBmaWxsPSIjMjRjNzkwIiBkPSJNMTQuOTQ3IDEuODk3QzcuNzIyIDEuODk3IDEuODQ0IDcuNzc1IDEuODQ0IDE1UzcuNzIgMjguMTAzIDE0Ljk0NyAyOC4xMDNjNy4yMjUgMCAxMy4xMDMtNS44NzggMTMuMTAzLTEzLjEwM1MyMi4xNzIgMS44OTcgMTQuOTQ2IDEuODk3bTYuMzIzIDEwLjk0Mi03LjUyOCA3LjYwOS0uMDA3LjAwNXEtLjAwMy4wMDQtLjAwNi4wMDhjLS4wNi4wNTgtLjEzNC4wOTQtLjIwNC4xMzMtLjAzNC4wMi0uMDYzLjA1LS4xLjA2NGEuOTUuOTUgMCAwIDEtLjcwNi0uMDAyYy0uMDM4LS4wMTYtLjA2OC0uMDQ4LS4xMDQtLjA2Ny0uMDctLjA0LS4xNDItLjA3NS0uMjAyLS4xMzRsLS4wMDUtLjAwNy0uMDA3LS4wMDYtMy43MDItMy44MDVhLjk0Ljk0IDAgMSAxIDEuMzQ4LTEuMzFsMy4wMzQgMy4xMTcgNi44NTMtNi45MjhhLjk0Ljk0IDAgMSAxIDEuMzM2IDEuMzIyIi8+PC9zdmc+") no-repeat 50%;content:"";height:30px;left:-38px;position:absolute;top:-4.5px;width:30px}.article-content--vigilkids .notice-info.warning{background:#f1631c1a;border-color:#f1631c}.article-content--vigilkids .notice-info.warning:before{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDIiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxNDIgNDAiPjxwYXRoIGZpbGw9IiNmMTYzMWMiIGQ9Ik0wIDBoMTQybC05LjA3OSAyNy42MmExOCAxOCAwIDAgMS0xNy4xIDEyLjM4SDI2LjE3OWExOCAxOCAwIDAgMS0xNy4xLTEyLjM4eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zOC4xNCA4LjQ3OGguMDMzYzEuMDE3LjAxIDIuMDM3LjAxIDMuMDU3LjAxaDEuNTU2YzEuMDM5IDAgMi4wNzggMCAzLjEyLjAxNGE0LjggNC44IDAgMCAxIDEuNjgxLjM1NmMuOTEuMzU1IDEuNDMgMS4xNDggMS40MjcgMi4xOGwtLjAwMiAzLjg2NWMwIDIuMTQxIDAgNC4yODUtLjAyIDYuNDI2LS4wMDIuNTgzLS4zNzcgMS4xMy0uNjk3IDEuNDE3LTEuMjM4IDEuMTMyLTIuNTg0IDIuNTQzLTMuMTQ3IDQuNDQ2LS4xNTYuNTMtLjIxNiAxLjExNS0uMjc5IDEuNzMzLS4xMjYgMS4yMy0uOTI0IDIuMDMyLTEuOTkgMi4wMzItLjQxOSAwLS44MzctLjEyNi0xLjI0Ny0uMzctLjgyMy0uNDk0LTEuMzczLTEuMjctMS42NzYtMi4zNzgtLjQ4Ny0xLjc1OC0uMjM4LTMuNDY1LjAzNS00LjkyN3YtLjAwNmEuNTU1LjU1NSAwIDAgMC0uNTQ0LS42NTloLTMuNTU1Yy0uNjEyIDAtMS40OS0uMDc2LTIuMDMyLS43MzMtLjM5My0uNDc4LS41MDUtMS4xMjMtLjMzOC0xLjk3Ny41MDgtMi42MjIgMS4xMzItNS4yNjYgMS43MjgtNy43My4xODUtLjc2OC40OTUtMS40NzkuNzkzLTIuMTY4bC4xMjgtLjI5NWMuMzQtLjc5OSAxLjA0LTEuMjM2IDEuOTY5LTEuMjM2bTE1LjI0NC4yNTdoLjMyNWMxLjE3NiAwIDIuMTM5Ljk2MiAyLjEzOSAyLjEzOHY5LjUzYTIuMTQ1IDIuMTQ1IDAgMCAxLTIuMTM5IDIuMTM4aC0uMzI1YTIuMTQ1IDIuMTQ1IDAgMCAxLTIuMTM4LTIuMTM5di05LjUyNmEyLjE0IDIuMTQgMCAwIDEgMi4xMzgtMi4xNDFNNzkuNTEyIDIyLjI4M2gyLjkycS0uMDg5IDEuNDM2LS43OTEgMi41NDktLjY5NCAxLjExNC0xLjk0NCAxLjczOC0xLjI0LjYyNS0yLjk4OC42MjUtMS4zNjcgMC0yLjQ1MS0uNDY4YTUuMiA1LjIgMCAwIDEtMS44NTYtMS4zNjhxLS43NjItLjg4OC0xLjE2Mi0yLjE0OHQtLjQtMi44MjJ2LS45ODdxMC0xLjU2Mi40MS0yLjgyMi40Mi0xLjI3IDEuMTkxLTIuMTU4YTUuMyA1LjMgMCAwIDEgMS44NjYtMS4zNjdxMS4wODQtLjQ4IDIuNDIxLS40NzkgMS43NzggMCAyLjk5OS42NDUgMS4yMy42NDUgMS45MDQgMS43NzcuNjg0IDEuMTMzLjgyIDIuNTc4aC0yLjkzcS0uMDQ4LS44Ni0uMzQxLTEuNDU1YTEuOTQgMS45NCAwIDAgMC0uODg5LS45MDhxLS41ODUtLjMxMy0xLjU2Mi0uMzEzLS43MzMgMC0xLjI4LjI3NC0uNTQ2LjI3My0uOTE4LjgzLS4zNzEuNTU3LS41NTYgMS40MDYtLjE3Ny44NC0uMTc2IDEuOTczdjEuMDA2cTAgMS4xMDMuMTY2IDEuOTQzLjE2Ni44My41MDggMS40MDYuMzUxLjU2Ny44OTguODYuNTU2LjI4MyAxLjMzOC4yODMuOTE4IDAgMS41MTQtLjI5M3QuOTA4LS44N3EuMzIzLS41NzUuMzgtMS40MzVtNC4yMTktLjQ1OXYtLjIwNXEwLTEuMTYyLjMzMi0yLjEzOWE0Ljk1IDQuOTUgMCAwIDEgLjk2Ni0xLjcwOSA0LjMgNC4zIDAgMCAxIDEuNTYzLTEuMTIzcS45MjctLjQxIDIuMTI5LS40MSAxLjIgMCAyLjEzOC40MS45MzguNCAxLjU3MyAxLjEyNC42NDUuNzIxLjk3NiAxLjcwOS4zMzIuOTc1LjMzMiAyLjEzOHYuMjA1cTAgMS4xNTItLjMzMiAyLjEzOWE1IDUgMCAwIDEtLjk3NiAxLjcwOSA0LjMgNC4zIDAgMCAxLTEuNTYzIDEuMTIzcS0uOTI3LjQtMi4xMjkuNC0xLjIgMC0yLjEzOC0uNGE0LjQgNC40IDAgMCAxLTEuNTczLTEuMTIzIDUuMSA1LjEgMCAwIDEtLjk2Ni0xLjcxIDYuNyA2LjcgMCAwIDEtLjMzMi0yLjEzOG0yLjgxMi0uMjA1di4yMDVxMCAuNjY0LjExNyAxLjI0LjExNy41NzcuMzcxIDEuMDE2LjI2NC40My42ODQuNjc0dDEuMDI1LjI0NHEuNTg1IDAgMS4wMDYtLjI0NC40Mi0uMjQ1LjY3NC0uNjc0YTMuNCAzLjQgMCAwIDAgLjM3MS0xLjAxNXEuMTI3LS41NzcuMTI3LTEuMjR2LS4yMDZxMC0uNjQ1LS4xMjctMS4yMWEzLjIgMy4yIDAgMCAwLS4zOC0xLjAxNiAxLjkgMS45IDAgMCAwLS42NzUtLjcwNHEtLjQyLS4yNTMtMS4wMTUtLjI1My0uNTk2IDAtMS4wMTYuMjUzLS40MS4yNTUtLjY3NC43MDQtLjI1NC40NC0uMzcgMS4wMTVhNiA2IDAgMCAwLS4xMTggMS4yMTFtMTEuNjgtMi45M1YyN0g5NS40MVYxNi40MzRoMi42Mzd6bS0uNDEgMi42NTdoLS43NjJxMC0xLjE3My4zMDItMi4xMS4zMDQtLjk0Ny44NS0xLjYxMWEzLjY1IDMuNjUgMCAwIDEgMS4yOTktMS4wMjUgMy45IDMuOSAwIDAgMSAxLjY5OS0uMzYycS43NDIgMCAxLjM1OC4yMTUuNjE1LjIxNCAxLjA1NC42ODQuNDUuNDY4LjY4NCAxLjI0LjI0NC43NzEuMjQ0IDEuODg1VjI3aC0yLjgzMnYtNi43NDhxMC0uNzAzLS4xOTUtMS4wOTRhMS4xIDEuMSAwIDAgMC0uNTc2LS41NDdxLS4zNzItLjE2Ni0uOTE4LS4xNjYtLjU2NyAwLS45ODcuMjI1LS40MS4yMjUtLjY4My42MjVhMyAzIDAgMCAwLS40LjkxOHEtLjEzOC41MjctLjEzOCAxLjEzM20xNC41OCAyLjczNGEuOS45IDAgMCAwLS4xNzYtLjU0N3EtLjE3NS0uMjQ0LS42NTUtLjQ0OS0uNDY4LS4yMTUtMS4zNTctLjM5YTEwLjYgMTAuNiAwIDAgMS0xLjQ5NC0uNDQgNS4yIDUuMiAwIDAgMS0xLjE5MS0uNjU0IDIuODUgMi44NSAwIDAgMS0uNzgyLS44OTkgMi41IDIuNSAwIDAgMS0uMjgzLTEuMjAxcTAtLjY2NS4yODMtMS4yNS4yOTQtLjU4Ni44My0xLjAzNWEzLjkgMy45IDAgMCAxIDEuMzI4LS43MTMgNS42IDUuNiAwIDAgMSAxLjc3OC0uMjY0cTEuMzc3IDAgMi4zNjMuNDQuOTk2LjQ0IDEuNTI0IDEuMjEuNTM3Ljc2Mi41MzcgMS43MzloLTIuODEzcTAtLjQxLS4xNzYtLjczMmExLjE2IDEuMTYgMCAwIDAtLjUyNy0uNTE4cS0uMzUxLS4xOTUtLjkxOC0uMTk1LS40NjkgMC0uODEuMTY2YTEuMjUgMS4yNSAwIDAgMC0uNTI4LjQzIDEuMDMgMS4wMyAwIDAgMC0uMTc2LjU4NXEwIC4yNDUuMDk4LjQ0LjEwOC4xODUuMzQyLjM0MXQuNjA1LjI5NHEuMzgxLjEyNi45MzguMjM0YTEwLjggMTAuOCAwIDAgMSAyLjA0MS42MTVxLjg5OC4zNzIgMS40MjYgMS4wMTYuNTI3LjYzNS41MjcgMS42NyAwIC43MDItLjMxMyAxLjI4OS0uMzEyLjU4NS0uODk4IDEuMDI1YTQuNiA0LjYgMCAwIDEtMS40MDYuNjc0IDYuNiA2LjYgMCAwIDEtMS44MjYuMjM0cS0xLjQ3NSAwLTIuNS0uNTI3LTEuMDE2LS41MjgtMS41NDMtMS4zMzgtLjUxOC0uODItLjUxOC0xLjY4aDIuNjY2cS4wMi41NzcuMjkzLjkyOC4yODMuMzUyLjcxMy41MDguNDQuMTU2Ljk0Ny4xNTYuNTQ4IDAgLjkwOC0uMTQ2LjM2Mi0uMTU3LjU0Ny0uNDFhMSAxIDAgMCAwIC4xOTYtLjYwNiIvPjwvc3ZnPg==") no-repeat 50%}.article-content--vigilkids .notice-info.warning p:before{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDMwIDMwIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNmMTYzMWMiIGQ9Ik0xNSAxLjg3NUM3Ljc1MSAxLjg3NSAxLjg3NSA3Ljc1MSAxLjg3NSAxNVM3Ljc1MSAyOC4xMjUgMTUgMjguMTI1IDI4LjEyNSAyMi4yNDkgMjguMTI1IDE1IDIyLjI0OSAxLjg3NSAxNSAxLjg3NW02LjI5OSAxNy45MzFhMS4wNiAxLjA2IDAgMCAxIDAgMS40OTMgMS4wNiAxLjA2IDAgMCAxLTEuNDkyIDBMMTUgMTYuNDkgMTAuMTk1IDIxLjNhMS4wNiAxLjA2IDAgMCAxLTEuNDk0IDAgMS4wNiAxLjA2IDAgMCAxIDAtMS40OTJsNC44MDUtNC44MDRMOC43IDEwLjE5NWExLjA1OCAxLjA1OCAwIDAgMSAuNzQ3LTEuODAzYy4yOCAwIC41NDkuMTExLjc0Ny4zMUwxNSAxMy41MDhsNC44MDUtNC44MDVhMS4wNiAxLjA2IDAgMCAxIDEuNDk0LS4wMDMgMS4wNiAxLjA2IDAgMCAxIDAgMS40OTRMMTYuNDkgMTV6Ii8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgzMHYzMEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==") no-repeat 50%}.article-content--vigilkids .step-list{margin-bottom:30px;margin-top:20px}.article-content--vigilkids .step-list li:not(:last-child){margin-bottom:24px}.article-content--vigilkids .article-question{background:#f3f5f7;border-radius:10px;color:#3a4259;margin:30px 0;padding:30px 30px 30px 82px}.article-content--vigilkids .article-question p:last-child{margin-bottom:0}.article-content--vigilkids .article-question-title{line-height:38px;margin-bottom:11.5px}.article-content--vigilkids .article-question-title:before{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDM4IDM4Ij48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNmMTk4MWMiIGQ9Ik0xOSAzOEM4LjUwNiAzOCAwIDI5LjQ5MiAwIDE5IDAgOC41MDYgOC41MDYgMCAxOSAwczE5IDguNTA2IDE5IDE5YzAgMTAuNDkyLTguNTA2IDE5LTE5IDE5bTAtMzUuMDc4QzEwLjEyMSAyLjkyMiAyLjkyMyAxMC4xMiAyLjkyMyAxOVMxMC4xMjEgMzUuMDc3IDE5IDM1LjA3NyAzNS4wNzcgMjcuODc5IDM1LjA3NyAxOSAyNy44NzkgMi45MjIgMTkgMi45MjJtNS4xMTcgMTQuMDY0cS0uNTY0LjcyLTEuMjEzIDEuMjc3LS42NS41NTgtMS4yMTMgMS4xMTRhNi4yIDYuMiAwIDAgMC0uOTM2IDEuMTU2IDIuNDcgMi40NyAwIDAgMC0uMzcgMS4zMjdxMCAuNjE0LjE1NyAxLjExNGE3IDcgMCAwIDAgLjMxNC44NDJoLTMuMDEyYTUuNiA1LjYgMCAwIDEtLjIyOC0uOTI4cS0uMS0uNTctLjEtMS4xMjcgMC0uODcxLjM1LTEuNTc3LjM0OS0uNzA4Ljg3LTEuMzIxLjUyLS42MTQgMS4xMjgtMS4xODQuNjA2LS41NzMgMS4xMjctMS4xMTR0Ljg3LTEuMTQxLjM1LTEuMzE0cTAtLjY0Mi0uMjU3LTEuMTJhMi4zIDIuMyAwIDAgMC0uNzA2LS44IDMuMSAzLjEgMCAwIDAtMS4wMjgtLjQ3NyA0LjcgNC43IDAgMCAwLTEuMjM1LS4xNThxLTIuMTI2IDAtNC4wNTIgMS44OTl2LTMuMjk4cTIuMzM5LTEuMzcgNC44NTItMS4zNyAxLjE1NyAwIDIuMTgzLjNhNS41IDUuNSAwIDAgMSAxLjguODg1cS43NjkuNTg1IDEuMjEzIDEuNDU1LjQ0Mi44NzMuNDQyIDIuMDI3IDAgMS4xLS4zNyAxLjk1NmE3LjIgNy4yIDAgMCAxLS45MzYgMS41NzdtLTQuNjQ2IDkuMDU2cS44MTMgMCAxLjQyNy41NzEuNi41MjkuNiAxLjM0MiAwIC44LS42IDEuMzQyLS42MjguNTU2LTEuNDI3LjU1NmEyLjEgMi4xIDAgMCAxLTEuNDQyLS41NTZxLS42LS41NDItLjU5OS0xLjM0MiAwLS44MTQuNi0xLjM0Mi42MTQtLjU3IDEuNDQtLjU3MSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMzh2MzhIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=") no-repeat 50%;background-size:cover;content:"";height:38px;left:-52px;position:absolute;top:0;width:38px}.article-content--vigilkids img:not(.hot-icon){height:auto;margin:10px auto 30px;max-width:500px;-o-object-fit:cover;object-fit:cover;width:auto}.article-content--vigilkids .btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:52px;justify-content:center;line-height:24px;margin:20px auto 30px;padding:10px 20px;transition:all .3s ease;width:220px}.article-content--vigilkids .btn,.article-content--vigilkids .btn.btn-primary{background:hsl(var(--color-primary-var))}.article-content--vigilkids .btn.btn-primary:active,.article-content--vigilkids .btn.btn-primary:hover{background:hsl(var(--color-primary-hover-var))}.article-content--vigilkids .btn-group{align-items:center;display:flex;gap:40px;justify-content:center;margin-bottom:30px;margin-top:20px}.article-content--vigilkids .btn-group .btn{margin:0}.article-content--vigilkids .btn.outline-btn{background:#fff;border:2px solid hsl(var(--color-primary-var));color:hsl(var(--color-primary-hover-var))}.article-content--vigilkids .btn.outline-btn:hover{background:hsl(var(--color-primary-var));color:#fff}.article-content--vigilkids .btn.outline-btn:active{background:hsl(var(--color-primary-hover-var));color:#fff}.article-content--vigilkids .article-feature{background:#f3f5f7;border-radius:10px;color:#3a4259;margin-top:30px;padding:30px 60px}.article-content--vigilkids .article-feature-title{margin-top:0}.article-content--vigilkids .article-question-title{font-size:20px;font-weight:700;line-height:23px;margin-bottom:20px;position:relative}.article-content--vigilkids .article-feature-list{line-height:32px;list-style-type:disc;padding-left:20px}.article-content--vigilkids .article-try{align-items:center;background:#f3f5f7;border-radius:10px;color:#3a4259;display:flex;justify-content:space-between;margin-top:30px;padding:40px 60px}.article-content--vigilkids .article-try-title{font-size:20px;font-weight:700;line-height:23px;margin-bottom:10px}.article-content--vigilkids .article-try-content{display:flex;flex-direction:column;justify-content:space-between}.article-content--vigilkids .article-try-description{line-height:32px}.article-content--vigilkids .article-try .btn{margin:0 0 0 10px;min-width:220px}.article-content--vigilkids .article-show{align-items:center;background:#f3f5f7;border-radius:10px;color:#3a4259;display:flex;justify-content:space-between;margin-top:30px;padding:40px 30px 40px 60px}.article-content--vigilkids .article-show-title{font-size:24px;font-weight:700;line-height:28px;margin-bottom:14px}.article-content--vigilkids .article-show-content{display:flex;flex-direction:column;justify-content:space-between}.article-content--vigilkids .article-show-description{line-height:30px}.article-content--vigilkids .article-show .btn{margin-left:0;min-width:220px}.article-content--vigilkids .article-show img:not(.hot-icon){border-radius:10px;height:auto;margin-left:32px;max-width:368px;-o-object-fit:cover;object-fit:cover;width:100%}.article-content--vigilkids .faq-list{background:#f3f5f7;border-radius:10px;color:#333;margin-bottom:50px;margin-top:20px;padding:26px 20px}.article-content--vigilkids .faq-item{background:#fff;border-radius:10px;cursor:pointer;padding:32px 26px 32px 18px;position:relative;transition:all .3s ease}.article-content--vigilkids .faq-item:hover{transform:translateY(-2px)}.article-content--vigilkids .faq-item:not(:last-child){margin-bottom:10px}.article-content--vigilkids .faq-item-title{cursor:pointer;font-size:18px;font-weight:700;line-height:26px;margin-bottom:0;margin-top:0;padding-right:74px;transition:margin-bottom .3s ease}.article-content--vigilkids .faq-item-title:before{background:url(https://vigilkids-marketing-test.oss-us-west-1.aliyuncs.com/vigilkids/show_7eb7dc7834.svg) no-repeat 50%;background-size:cover;content:"";height:26px;position:absolute;right:26px;top:30px;transition:transform .3s ease,background-image .3s ease;width:26px}.article-content--vigilkids .faq-item.active .faq-item-title{margin-bottom:18px}.article-content--vigilkids .faq-item.active .faq-item-title:before{background:url(https://vigilkids-marketing-test.oss-us-west-1.aliyuncs.com/vigilkids/close_8fdb59cd06.svg) no-repeat 50%;transform:rotate(180deg)}.article-content--vigilkids .faq-item-answer{color:#666;font-size:18px;line-height:27px;margin:0;max-height:0;opacity:0;overflow:hidden;padding:0 74px 0 22px;transition:max-height .4s ease,opacity .3s ease,padding .3s ease}.article-content--vigilkids .faq-item.active .faq-item-answer{opacity:1;padding-bottom:0;padding-top:0}.article-content--vigilkids .props-dashed,.article-content--vigilkids .props-solid{background:#f5f9fc;border-radius:10px;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:20px 0;padding:20px 30px}.article-content--vigilkids .props-dashed{background:#fff;border:1px dashed #ccc}.article-content--vigilkids .props-dashed span,.article-content--vigilkids .props-solid span{display:block;font-size:20px;font-weight:700;line-height:28px;padding-left:14px;position:relative}.article-content--vigilkids .props-dashed span:before,.article-content--vigilkids .props-solid span:before{background:hsla(var(--color-primary-var),1);content:"";height:14px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:6px}.article-content--vigilkids .props-dashed ul,.article-content--vigilkids .props-solid ul{color:#3a4259;font-size:16px;line-height:32px;margin-top:14px;padding-left:14px}.article-content--vigilkids .props-dashed .props-right span:before,.article-content--vigilkids .props-solid .props-right span:before{background:#f44242}.contrast-table{background:#fff;border:1px solid #d9d9d9;margin:30px 0;overflow-x:auto}.contrast-table table{color:#333;text-align:center}.contrast-table td,.contrast-table th{border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;padding:18px 20px;width:25%}.contrast-table td:last-child,.contrast-table th:last-child{border-right:none}.contrast-table thead{font-size:16px}@media only screen and (max-width:500px){.contrast-table tbody,.contrast-table thead{font-size:14px}}.contrast-table tbody tr:last-child td{border-bottom:none}.contrast-table.sticky-table tr td:first-child,.contrast-table.sticky-table tr th:first-child{font-weight:700;left:0;position:sticky;z-index:2}.contrast-table tr td,.contrast-table tr th{background-color:#fff}.contrast-table tbody tr:nth-child(2n) td,.contrast-table thead tr th{background-color:#f4f5f7}.contrast-table.sticky-table tr td:first-child:after,.contrast-table.sticky-table tr th:first-child:after{background-image:linear-gradient(270deg,rgba(49,49,49,0),rgba(0,0,0,.04));bottom:0;content:"";position:absolute;right:-16px;top:0;width:16px;z-index:1}.contrast-table tr td a{color:hsl(var(--color-primary-hover-var));font-weight:400}.article-content--vigilkids .notice-info-row{display:flex;gap:20px;margin-bottom:10px;margin-top:30px}.article-content--vigilkids .notice-info-row .notice-info{background:#f5f9fc;margin:0;padding-bottom:40px;padding-left:78px;padding-top:75px;width:50%}.article-content--vigilkids .notice-info-row .notice-info p{line-height:24px;margin-bottom:16px;margin-top:0;min-height:30px}.article-content--vigilkids .notice-info-row .notice-info p:last-child{margin-bottom:0}.article-content--vigilkids .notice-info-row .notice-info p:before{top:-3px}@media (max-width:768px){.article-content--vigilkids p{font-size:14px}.article-content--vigilkids .level-1 li.table-of-contents{font-size:16px}.article-content--vigilkids .level-1{font-size:14px;line-height:16px;margin-top:20px;padding:24px 20px 24px 54px}.article-content--vigilkids h2{font-size:20px;line-height:23px;margin-bottom:20px;margin-top:20px;padding:16px}.article-content--vigilkids h2:before{height:100%;width:4px}.article-content--vigilkids h3{font-size:18px}.article-content--vigilkids .article-info{font-size:14px;padding:20px 16px}.article-content--vigilkids .article-info:before{height:100%;width:4px}.article-content--vigilkids .article-info-title{font-size:18px;line-height:21px;margin-bottom:10px}.article-content--vigilkids .article-info-content{font-size:14px;line-height:21px}.article-content--vigilkids .notice-info{line-height:19px;padding:44px 16px 30px 44px}.article-content--vigilkids .notice-info:before{background-size:cover!important;height:32px;left:16px;width:114px}.article-content--vigilkids .notice-info p:before{left:-30px;top:-2px}.article-content--vigilkids .step-list li{font-size:14px;line-height:21px}.article-content--vigilkids .article-feature-list li,.article-content--vigilkids .disc-list li{font-size:14px}.article-content--vigilkids .step-list li:not(:last-child){margin-bottom:21px}.article-content--vigilkids .article-question{padding:20px}.article-content--vigilkids .article-question-title{padding-left:52px}.article-content--vigilkids .article-question-title:before{left:0}.article-content--vigilkids .btn-group{align-items:center;flex-direction:column;gap:18px}.article-content--vigilkids .faq-item{padding:24px 20px 24px 16px}.article-content--vigilkids .faq-item-title{font-size:16px;line-height:19px;padding-right:60px}.article-content--vigilkids .faq-item-title:before{height:20px;right:20px;top:22px;width:20px}.article-content--vigilkids .faq-item-answer{line-height:21px;padding-left:16px;padding-right:60px}.article-content--vigilkids .article-feature{padding:20px 16px}.article-content--vigilkids .article-try{align-items:center;flex-direction:column;padding:20px 16px;text-align:center}.article-content--vigilkids .article-try-description{line-height:21px}.article-content--vigilkids .article-try .btn{margin:20px 0}.article-content--vigilkids .article-show{align-items:center;flex-direction:column;padding:20px 16px;text-align:center}.article-content--vigilkids .article-show-content{align-items:center}.article-content--vigilkids .article-show-description{line-height:21px}.article-content--vigilkids .article-show .btn,.article-content--vigilkids .article-show img:not(.hot-icon){margin:20px 0}.article-content--vigilkids .faq-item{padding:20px 16px}.article-content--vigilkids .faq-item-title{font-size:14px;line-height:16px;padding-right:40px}.article-content--vigilkids .faq-item-answer{font-size:14px;line-height:16px;padding-left:0;padding-right:0}.article-content--vigilkids .faq-item.active .faq-item-title{margin-bottom:10px}.article-content--vigilkids .faq-item-title:before{right:16px;top:20px;width:16px}.contrast-table:not(.sticky-table) tr th{min-width:200px!important}.article-content--vigilkids .black-h2{font-size:20px;line-height:23px}.article-content--vigilkids .props-dashed,.article-content--vigilkids .props-solid{gap:20px;grid-template-columns:1fr;margin:16px 0;padding:16px}.article-content--vigilkids .props-dashed span,.article-content--vigilkids .props-solid span{font-size:18px;line-height:21px;padding-left:10px}.article-content--vigilkids .props-dashed span:before,.article-content--vigilkids .props-solid span:before{height:10px;width:4px}.article-content--vigilkids .props-dashed ul,.article-content--vigilkids .props-solid ul{font-size:14px;line-height:21px;margin-top:10px;padding-left:10px}.article-content--vigilkids .notice-info-row{flex-direction:column;gap:16px}.article-content--vigilkids .notice-info-row .notice-info{padding-bottom:24px;padding-left:44px;padding-top:52px;width:100%}.article-content--vigilkids .notice-info-row .notice-info p{line-height:21px;margin-bottom:12px;min-height:24px}.article-content--vigilkids .notice-info-row .notice-info p:last-child{margin-bottom:0}.article-content--vigilkids .notice-info-row .notice-info p:before{top:0}.article-content--vigilkids .notice-info p:before{background-size:cover;height:24px;width:24px}.article-content--vigilkids .notice-info.warning p:before{background-size:cover}}@media (max-width:515px){.article-content--vigilkids img:not(.hot-icon){max-width:100%;width:auto}}.article-content--vigilkids [id]{scroll-margin-top:80px}
package/dist/styles/products/visiva.css CHANGED
@@ -1 +1 @@
1
- .article-content--visiva p{color:#1a1a1a;font-size:16px;line-height:1.7;margin-top:10px}.article-content--visiva a{color:#1fb04f;transition:all .3s ease}.article-content--visiva a:hover{text-decoration:underline}.article-content--visiva .font-bold,.article-content--visiva b,.article-content--visiva strong{font-weight:700}.article-content--visiva .underline{text-decoration:underline}.article-content--visiva>h2{font-size:30px;font-weight:900;line-height:1.2;margin-bottom:16px;margin-top:16px}.article-content--visiva>h3{font-size:24px;font-weight:900;line-height:1.2;margin-top:16px}.article-content--visiva ul{margin-top:10px}.article-content--visiva .disc-list{font-size:14px;line-height:1.8;list-style-type:disc;margin-top:10px;padding-left:20px}.article-content--visiva>img:not(.hot-icon):not(.icon){border-radius:24px;display:block;height:auto;margin:10px auto 30px;max-width:100%;-o-object-fit:cover;object-fit:cover;width:auto}.article-content--visiva .btn{align-items:center;border:none;border-radius:40px;box-sizing:border-box;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:60px;justify-content:center;line-height:24px;margin:20px auto 30px;min-width:220px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.article-content--visiva .btn.btn-primary{background:linear-gradient(90deg,#33ff78,#caff33);color:#000}.article-content--visiva .btn.btn-primary:hover{opacity:.9}.article-content--visiva .btn.outline-btn{background:#fff;border:2px solid #1fb04f;color:#1fb04f}.article-content--visiva .btn.outline-btn:hover{background:#1fb04f;color:#fff}.article-content--visiva .btn-group{align-items:center;display:flex;gap:24px;justify-content:center;margin-bottom:30px}.article-content--visiva .btn-group .btn{margin:0}.article-content--visiva .contrast-table{border:1px solid #d4d4d4;border-radius:20px;margin-top:40px;overflow:hidden}.article-content--visiva .contrast-table table{border-collapse:collapse;min-width:600px;width:100%}.article-content--visiva .contrast-table thead tr{background:#292929;color:#fff}.article-content--visiva .contrast-table th{font-size:14px;font-weight:600;padding:17px 16px}.article-content--visiva .contrast-table td{border-top:1px solid #d9d9d9;font-size:14px;padding:17px 16px}.article-content--visiva .sticky-table{overflow-x:auto}@media (max-width:768px){.article-content--visiva p{font-size:14px}.article-content--visiva>h2{font-size:22px;margin-bottom:16px;margin-top:16px}.article-content--visiva>h3{font-size:18px}.article-content--visiva .btn-group{flex-direction:column;gap:10px}.article-content--visiva>img:not(.hot-icon):not(.icon){max-width:100%}}.article-content--visiva .blog-paragraph,.article-content--visiva .blog-paragraph-normal{margin-top:20px}.article-content--visiva .blog-paragraph-large{font-size:20px;margin-top:40px}.article-content--visiva .blog-paragraph-highlight{color:var(--primary-1000,#1fb04f);text-decoration:underline}.article-content--visiva .blog-paragraph-bg-highlight{background-color:#ecffb9}.article-content--visiva .blog-paragraph-bold{font-weight:700}@media (max-width:640px){.article-content--visiva .blog-paragraph{font-size:14px}}.article-content--visiva .blog-intro-text{font-size:16px;font-weight:400;line-height:24px;margin-top:20px}.article-content--visiva .blog-intro-list{font-weight:300;list-style-position:inside;list-style-type:disc;padding-left:20px}.article-content--visiva .blog-intro-list-item{margin-top:8px}.article-content--visiva .blog-intro-text-secondary{font-size:16px;line-height:24px;margin-top:8px}.article-content--visiva .blog-toc{background-color:#f7f8fa;border-radius:10px;margin-top:40px;padding:20px 16px}.article-content--visiva .blog-toc-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.article-content--visiva .blog-toc-title{color:#000;font-size:16px;font-weight:600;line-height:24px}.article-content--visiva .blog-toc-list{color:#000}.article-content--visiva .blog-toc-list>*+*{margin-top:8px}.article-content--visiva .blog-toc-list-item{list-style-position:inside;list-style-type:disc;padding-left:8px}.article-content--visiva .blog-toc-numbered-list{font-size:14px;font-weight:300;line-height:20px;list-style-position:outside;list-style-type:decimal;margin-top:8px;padding-left:36px}.article-content--visiva .blog-toc-numbered-list>*+*{margin-top:8px}.article-content--visiva .blog-toc-numbered-list>li{display:list-item;list-style-position:outside;list-style-type:decimal}.article-content--visiva .blog-toc-numbered-item{align-items:center;display:flex;gap:8px}.article-content--visiva .blog-toc-hot-tag-wrapper{align-items:center;display:flex;gap:4px;position:relative}.article-content--visiva .blog-toc-hot-tag-text{color:#fff;font-family:Roboto,sans-serif;font-size:12px;font-style:italic;font-weight:900;line-height:16px;transform:scale(.75);transform-origin:center}.article-content--visiva .blog-toc-icon{flex-shrink:0;height:16px;width:16px}.article-content--visiva .blog-toc-link{color:inherit;text-decoration:none}.article-content--visiva .blog-toc-hot-tag-bg{min-height:12px;min-width:22px;position:absolute;width:100%}.article-content--visiva .blog-h2-style1{font-size:22px;font-weight:900;line-height:1;margin-top:16px}.article-content--visiva .blog-h2-style1-text{margin-top:16px}.article-content--visiva .blog-h2-style2{font-size:22px;font-weight:900;gap:8px;line-height:1;margin-top:16px;padding-left:8px;position:relative}.article-content--visiva .blog-h2-style2-indicator{background-color:#1fb04f;display:block;height:18px;left:0;position:absolute;top:2px;width:4px}.article-content--visiva .blog-h2-style2-link{color:#1fb04f}.article-content--visiva .blog-h3-style1{font-size:18px;font-weight:900;line-height:1;margin-top:16px}.article-content--visiva .blog-h3-style1-text{margin-top:4px}.article-content--visiva .blog-h3-style1-list{font-size:12px;font-weight:300;line-height:16px;list-style-position:inside;list-style-type:disc;margin-top:16px;padding-left:20px}.article-content--visiva .blog-h3-style1-list>*+*{margin-top:8px}.article-content--visiva .blog-h3-style2{display:flex;font-size:18px;font-weight:900;line-height:1;margin-top:16px}.article-content--visiva .blog-h3-style2>*+*{margin-left:8px}.article-content--visiva .blog-h3-style2-number{align-items:center;border:1px solid #1fb04f;border-radius:9999px;color:#1fb04f;display:inline-flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;line-height:28px;transform:translateY(0);width:24px}.article-content--visiva .blog-h3-style3{display:flex;font-size:18px;font-weight:900;line-height:1;margin-top:16px}.article-content--visiva .blog-h3-style3>*+*{margin-left:4px}.article-content--visiva .blog-h3-style3-badge{background-color:#1fb04f;border-radius:20px;color:#fff;display:inline-block;font-size:16px;font-weight:600;height:22px;line-height:22px;line-height:24px;padding-left:8px;padding-right:8px;transform:translateY(4px)}.article-content--visiva .blog-h3-style4{display:flex;font-size:18px;font-weight:900;line-height:1;margin-top:16px}.article-content--visiva .blog-h3-style4>*+*{margin-left:4px}.article-content--visiva .blog-h3-style4-icon-wrapper{align-items:center;display:inline-flex;flex-shrink:0;font-size:16px;font-weight:500;height:24px;justify-content:center;line-height:24px;position:relative;width:24px}.article-content--visiva .blog-h3-style4-icon{left:0;position:absolute;top:1px}.article-content--visiva .blog-h3-style4-number{color:#000;font-size:16px;font-weight:600;line-height:24px;position:relative;z-index:10}.article-content--visiva .blog-placeholder-image{background-color:#d9d9d9;border-radius:24px;height:300px;margin-top:40px;width:100%}.article-content--visiva .blog-button-single-wrapper{margin-top:40px;text-align:center}.article-content--visiva .blog-button-single{align-items:center;background:linear-gradient(90deg,#33ff78,#caff33);border-radius:40px;color:#000;cursor:pointer;display:inline-flex;gap:8px;height:60px;justify-content:center;min-width:270px}.article-content--visiva .blog-button-single:hover{background:linear-gradient(270deg,#33ff78,#caff33)}.article-content--visiva .blog-button-single-text{font-size:16px;font-weight:700;line-height:24px}.article-content--visiva .blog-button-group{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:40px}.article-content--visiva .blog-button-group-button-black{align-items:center;background-color:#000;border-radius:40px;color:#fff;cursor:pointer;display:flex;gap:8px;height:60px;justify-content:center;min-width:270px}.article-content--visiva .blog-button-group-button-black:hover{background-color:rgba(0,0,0,.8)}.article-content--visiva .blog-button-group-button-green{align-items:center;background:linear-gradient(90deg,#33ff78,#caff33);border-radius:40px;color:#000;cursor:pointer;display:flex;gap:8px;height:60px;justify-content:center;min-width:270px}.article-content--visiva .blog-button-group-button-green:hover{background:linear-gradient(270deg,#33ff78,#caff33)}.article-content--visiva .blog-button-group-text{font-size:16px;font-weight:700;line-height:24px}.article-content--visiva .blog-button-group-note{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:16px}.article-content--visiva .blog-button-group-note-text{color:#666262;font-size:14px;font-weight:500;line-height:20px}.article-content--visiva .blog-button-group-dark{background-color:#000;border-radius:20px;margin-top:40px;padding:40px 16px}.article-content--visiva .blog-button-group-dark-inner{align-items:center;display:flex;flex-direction:column;gap:16px}.article-content--visiva .blog-button-group-dark-button{align-items:center;background-color:#000;border:1px solid #fff;border-radius:40px;color:#fff;cursor:pointer;display:flex;gap:8px;height:60px;justify-content:center;min-width:270px}.article-content--visiva .blog-button-group-dark-button:hover{background-color:#fff;color:#000}.article-content--visiva .blog-quote{background-color:#fff;border:1px solid #d4d4d4;border-radius:10px;margin-top:40px;padding:20px 12px}.article-content--visiva .blog-quote-title{font-size:16px;font-weight:600;line-height:24px;margin-bottom:16px}.article-content--visiva .blog-quote-text{font-size:12px;font-style:italic;line-height:16px;line-height:1.625;margin-bottom:8px}.article-content--visiva .blog-quote-footer{align-items:flex-end;display:flex;gap:8px}.article-content--visiva .blog-quote-divider{background-color:#666262;display:inline-block;height:1px;margin-bottom:4px;width:48px}.article-content--visiva .blog-quote-author{color:#666262;font-size:12px;line-height:16px}.article-content--visiva .blog-table-wrapper{border:1px solid #d4d4d4;border-radius:20px;font-size:14px;line-height:20px;margin-top:40px;min-width:0;overflow-x:auto;scrollbar-width:none;text-align:center;-ms-overflow-style:none}.article-content--visiva .blog-table-wrapper::-webkit-scrollbar{display:none}.article-content--visiva .blog-table{border-collapse:collapse;min-width:800px;width:100%}.article-content--visiva .blog-table-header{background-color:#292929;color:#fff;font-size:18px;line-height:28px}.article-content--visiva .blog-table-header-cell{border-right:1px solid #5e5e68;font-weight:600;padding:17px 16px}.article-content--visiva .blog-table-header-cell:last-child{border-right:none}.article-content--visiva .blog-table-header-cell-last{font-size:14px;font-weight:600;line-height:20px;padding:17px 16px}.article-content--visiva .blog-table-row{background-color:#fff;border-top:1px solid #d9d9d9;color:#000;font-weight:300}.article-content--visiva .blog-table-cell{border-right:1px solid #d9d9d9;padding:17px 16px}.article-content--visiva .blog-table-cell:last-child{border-right:none}.article-content--visiva .blog-table-cell:hover{font-weight:400}.article-content--visiva .blog-table-cell-first{background-color:#f4f4f4;border-right:1px solid #d9d9d9;font-size:15px;padding:17px 16px}.article-content--visiva .blog-table-cell-first:hover{font-weight:400}.article-content--visiva .blog-table-cell-last{font-size:14px;line-height:20px;padding:17px 16px}.article-content--visiva .blog-table-plus-container{background-color:#fff;border:1px solid #d4d4d4;border-radius:20px;font-size:14px;line-height:20px;margin-top:40px;overflow:hidden;position:relative;text-align:center}.article-content--visiva .blog-table-plus-content{max-height:500px;min-width:0;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none;transition:max-height .3s ease-in-out;-ms-overflow-style:none}.article-content--visiva .blog-table-plus-content::-webkit-scrollbar{display:none}.article-content--visiva .blog-table-plus-overlay{background:linear-gradient(180deg,hsla(0,0%,100%,.72),#fff);bottom:0;height:80px;left:0;position:absolute;right:0;z-index:10}.article-content--visiva .blog-table-plus-toggle{align-items:center;background-color:#fff;border:1px solid #d4d4d4;border-radius:9999px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);cursor:pointer;display:flex;height:50px;justify-content:center;left:50%;position:absolute;transform:translateY(-50%) translateX(-50%);transition:all .3s;width:50px;z-index:10}.article-content--visiva .blog-table-plus-toggle:hover{background-color:#f9fafb}.article-content--visiva .blog-table-plus-header{background-color:#292929;color:#fff;font-size:18px;line-height:28px;position:sticky;top:0;z-index:10}.article-content--visiva .blog-table-plus-row{background-color:#fff;border-top:1px solid #d9d9d9;color:#000;font-weight:300;min-height:80px}.article-content--visiva .blog-table-plus-cell{border-right:1px solid #d9d9d9;min-height:80px;padding:17px 16px}.article-content--visiva .blog-table-plus-cell:last-child{border-right:none}.article-content--visiva .blog-table-plus-cell-first{background-color:#f4f4f4;border-right:1px solid #d9d9d9;font-size:15px;min-height:80px;padding:17px 16px}.article-content--visiva .blog-table-plus-cell-first:hover{font-weight:400}.article-content--visiva .blog-table-plus-cell-last{font-size:14px;line-height:20px;min-height:80px;padding:17px 16px}.article-content--visiva .blog-pros-cons{display:flex;flex-direction:column;gap:12px;margin-top:40px}.article-content--visiva .blog-pros-cons-card{background-color:#f7f8fa;border-radius:10px;flex:1 1 0%;padding:20px 12px}.article-content--visiva .blog-pros-cons-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.article-content--visiva .blog-pros-cons-title{color:#000;font-size:18px;font-weight:700;line-height:28px}.article-content--visiva .blog-pros-cons-list{color:#000;font-size:14px;line-height:20px;list-style-position:inside;list-style-type:disc}.article-content--visiva .blog-pros-cons-list>*+*{margin-top:12px}.article-content--visiva .blog-step{font-size:16px;font-weight:400;line-height:24px;margin-top:20px}.article-content--visiva .blog-step-number{color:#1fb04f;font-style:italic;font-weight:900}.article-content--visiva .blog-step-link{color:#1fb04f;font-weight:900}.article-content--visiva .blog-note-style{background-color:#f7f8fa;border-radius:0 0 5px 5px;margin-top:40px;padding:36px 16px 20px;position:relative}.article-content--visiva .blog-note-style-badge{align-items:center;background-color:#02a967;border-radius:5px 0 10px 0;display:flex;gap:4px;height:24px;left:0;padding-left:8px;padding-right:8px;position:absolute;top:0}.article-content--visiva .blog-note-style-badge-text{color:#fff;font-size:14px;font-weight:700;line-height:20px}.article-content--visiva .blog-note-style-text{color:#666262;font-size:14px;font-weight:300;line-height:1.625;line-height:20px}.article-content--visiva .blog-note-style2{background-color:#f7f8fa;border-radius:0 0 5px 5px;margin-top:40px;padding:36px 12px 20px;position:relative}.article-content--visiva .blog-features-card{align-items:center;background-color:#f7f8fa;border-radius:10px;display:flex;flex-direction:column;gap:20px;justify-content:space-between;margin-top:40px;padding:28px 12px}.article-content--visiva .blog-features-card-content{max-width:426px}.article-content--visiva .blog-features-card-title{font-size:18px;font-weight:700;line-height:28px;margin-bottom:16px;text-align:center}.article-content--visiva .blog-features-card-list{color:#666262;font-size:14px;font-weight:300;line-height:20px;list-style-position:outside;list-style-type:disc;margin-bottom:20px;padding-left:16px}.article-content--visiva .blog-features-card-list>*+*{margin-top:8px}.article-content--visiva .blog-features-card-button{align-items:center;background:linear-gradient(90deg,#33ff78,#caff33);border-radius:40px;color:#000;cursor:pointer;display:flex;gap:8px;height:60px;justify-content:center;min-width:270px}.article-content--visiva .blog-features-card-button:hover{background:linear-gradient(270deg,#33ff78,#caff33)}.article-content--visiva .blog-features-card-image-wrapper{max-width:411px}.article-content--visiva .blog-features-card-image{border-radius:10px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.article-content--visiva .blog-features-card-dark{align-items:center;background-color:#2e2e2e;border-radius:10px;color:#fff;display:flex;flex-direction:column;gap:20px;justify-content:space-between;margin-top:40px;padding:28px 12px}.article-content--visiva .blog-features-card-dark-list{font-size:14px;font-weight:300;line-height:20px;list-style-position:outside;list-style-type:disc;margin-bottom:20px;padding-left:16px}.article-content--visiva .blog-features-card-dark-list>*+*{margin-top:8px}.article-content--visiva .blog-features-card-dark-button{align-items:center;background:linear-gradient(90deg,#33ff78,#caff33);border-radius:40px;cursor:pointer;display:flex;gap:8px;height:60px;justify-content:center;min-width:270px}.article-content--visiva .blog-features-card-dark-button:hover{background:linear-gradient(270deg,#33ff78,#caff33)}.article-content--visiva .blog-note-style3{background-color:#f7f8fa;border-radius:10px;margin-top:40px;padding:20px 16px}.article-content--visiva .blog-note-style3-header{align-items:center;display:flex;gap:12px;margin-bottom:14px}.article-content--visiva .blog-note-style3-title{color:#000;font-weight:600}.article-content--visiva .blog-note-style3-text{color:#666262;font-size:14px;font-weight:300;line-height:1.625;line-height:20px}.article-content--visiva .blog-qa-card{background-color:#f7f8fa;border-radius:10px;font-size:14px;line-height:20px;margin-top:40px;padding:20px 16px}.article-content--visiva .blog-qa-item{margin-bottom:24px}.article-content--visiva .blog-qa-question{font-weight:600;margin-bottom:8px}.article-content--visiva .blog-qa-question-black{color:#000;font-weight:600;margin-bottom:8px}.article-content--visiva .blog-qa-answer{color:#666262;line-height:1.625}.article-content--visiva .blog-qa-answer-label{color:#000;font-weight:600}.article-content--visiva .blog-qa-card2-title{font-size:24px;font-weight:700;line-height:32px;margin-top:40px}.article-content--visiva .blog-qa-card2-intro{font-size:14px;line-height:20px;margin-top:20px}.article-content--visiva .blog-qa-card2-container{background-color:#f7f8fa;border-radius:10px;font-size:14px;line-height:20px;margin-top:20px;padding:20px 16px}.article-content--visiva .blog-qa-card3{background-color:#f8fffb;border-radius:10px;font-size:14px;line-height:20px;margin-top:40px;padding:28px 16px}.article-content--visiva .blog-qa-card3-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.article-content--visiva .blog-qa-card3-title{color:#1fb04f;font-size:18px;font-weight:700;line-height:28px}.article-content--visiva .blog-qa-card3-item{margin-bottom:16px}.article-content--visiva .blog-qa-card3-question{font-weight:700;margin-bottom:6px}.article-content--visiva .blog-qa-card3-answer{line-height:1.625}@media (min-width:768px){.article-content--visiva .blog-intro-text,.article-content--visiva .blog-intro-text-secondary{font-size:20px;line-height:28px}.article-content--visiva .blog-toc{border-radius:20px;padding:40px 32px}.article-content--visiva .blog-toc-title{font-size:20px;line-height:28px}.article-content--visiva .blog-h2-style1{font-size:30px}.article-content--visiva .blog-h2-style2{font-size:30px;padding-left:16px}.article-content--visiva .blog-h2-style2-indicator{height:25px;width:5px}.article-content--visiva .blog-h3-style1{font-size:24px;line-height:1}.article-content--visiva .blog-h3-style1-text{margin-top:16px}.article-content--visiva .blog-h3-style1-list{font-size:14px;line-height:20px;margin-top:8px}.article-content--visiva .blog-h3-style2,.article-content--visiva .blog-h3-style3{font-size:24px;line-height:1}.article-content--visiva .blog-h3-style3>*+*{margin-left:12px}.article-content--visiva .blog-h3-style4{font-size:24px;line-height:1}.article-content--visiva .blog-h3-style4>*+*{margin-left:12px}.article-content--visiva .blog-button-single-wrapper{text-align:left}.article-content--visiva .blog-button-single{min-width:220px}.article-content--visiva .blog-button-group{flex-direction:row;gap:24px}.article-content--visiva .blog-button-group-button-black{min-width:220px}.article-content--visiva .blog-button-group-button-green{min-width:260px}.article-content--visiva .blog-button-group-note{margin-top:20px}.article-content--visiva .blog-button-group-dark-inner{flex-direction:row;gap:24px}.article-content--visiva .blog-button-group-dark-button{min-width:220px}.article-content--visiva .blog-quote{border-radius:20px;padding:30px 28px}.article-content--visiva .blog-quote-title{font-size:20px;line-height:1}.article-content--visiva .blog-quote-text{font-size:14px;line-height:20px;margin-bottom:16px}.article-content--visiva .blog-quote-author{font-size:14px;line-height:20px}.article-content--visiva .blog-pros-cons{flex-direction:row;gap:24px}.article-content--visiva .blog-pros-cons-card{border-radius:20px;padding:26px 30px}.article-content--visiva .blog-step{font-size:20px;line-height:1}.article-content--visiva .blog-note-style-text{font-size:16px;line-height:24px}.article-content--visiva .blog-note-style2{padding-left:16px;padding-right:16px}.article-content--visiva .blog-features-card{border-radius:20px;flex-direction:row;gap:16px;padding:40px}.article-content--visiva .blog-features-card-title{font-size:20px;line-height:1;text-align:left}.article-content--visiva .blog-features-card-list{margin-bottom:28px}.article-content--visiva .blog-features-card-button{min-width:260px}.article-content--visiva .blog-features-card-image{border-radius:20px;min-height:239px}.article-content--visiva .blog-features-card-dark{border-radius:20px;flex-direction:row;gap:16px;padding:40px}.article-content--visiva .blog-features-card-dark-list{margin-bottom:28px}.article-content--visiva .blog-features-card-dark-button{min-width:260px}.article-content--visiva .blog-note-style3{border-radius:15px;padding:24px}.article-content--visiva .blog-note-style3-text{font-size:16px;line-height:24px}.article-content--visiva .blog-qa-card{border-radius:20px;font-size:16px;line-height:24px;padding:24px 20px}.article-content--visiva .blog-qa-card2-title{font-size:28px}.article-content--visiva .blog-qa-card2-intro{font-size:16px;line-height:24px}.article-content--visiva .blog-qa-card2-container{border-radius:20px;font-size:16px;line-height:24px;padding:24px 20px}.article-content--visiva .blog-qa-card3{border-radius:15px;font-size:16px;line-height:24px;padding-left:20px;padding-right:20px}.article-content--visiva .blog-qa-card3-title{font-size:20px;line-height:1}.article-content--visiva .blog-qa-card3-item{margin-bottom:24px}.article-content--visiva .blog-qa-card3-question{margin-bottom:12px}}@media (max-width:640px){.article-content--visiva .blog-h2-style1-text,.article-content--visiva .blog-h3-style1-text,.article-content--visiva .blog-toc-list{font-size:14px;line-height:20px}.article-content--visiva .blog-toc-numbered-list{font-size:12px;line-height:16px}}@media (max-width:768px){.article-content--visiva .blog-h2-style2-text,.article-content--visiva .blog-intro-list{font-size:14px;line-height:20px}.article-content--visiva .blog-features-card-button,.article-content--visiva .blog-features-card-dark-button{margin-left:auto;margin-right:auto}.article-content--visiva .blog-table-scroll{margin-right:-16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;background:#fff}.article-content--visiva .blog-table-scroll::-webkit-scrollbar{display:none}.article-content--visiva .blog-table-scroll>.blog-table-plus-container,.article-content--visiva .blog-table-scroll>.blog-table-wrapper{margin-right:16px;overflow:hidden;width:-moz-max-content;width:max-content}}
1
+ @import "../utilities.css";.article-content--visiva p{color:#1a1a1a;font-size:16px;line-height:1.7;margin-top:10px}.article-content--visiva a{color:#1fb04f;transition:all .3s ease}.article-content--visiva a:hover{text-decoration:underline}.article-content--visiva .font-bold,.article-content--visiva b,.article-content--visiva strong{font-weight:700}.article-content--visiva .underline{text-decoration:underline}.article-content--visiva>h2{font-size:30px;font-weight:900;line-height:1.2;margin-bottom:16px;margin-top:16px}.article-content--visiva>h3{font-size:24px;font-weight:900;line-height:1.2;margin-top:16px}.article-content--visiva ul{margin-top:10px}.article-content--visiva .disc-list{font-size:14px;line-height:1.8;list-style-type:disc;margin-top:10px;padding-left:20px}.article-content--visiva>img:not(.hot-icon):not(.icon){border-radius:24px;display:block;height:auto;margin:10px auto 30px;max-width:100%;-o-object-fit:cover;object-fit:cover;width:auto}.article-content--visiva .btn{align-items:center;border:none;border-radius:40px;box-sizing:border-box;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:60px;justify-content:center;line-height:24px;margin:20px auto 30px;min-width:220px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.article-content--visiva .btn.btn-primary{background:linear-gradient(90deg,#33ff78,#caff33);color:#000}.article-content--visiva .btn.btn-primary:hover{opacity:.9}.article-content--visiva .btn.outline-btn{background:#fff;border:2px solid #1fb04f;color:#1fb04f}.article-content--visiva .btn.outline-btn:hover{background:#1fb04f;color:#fff}.article-content--visiva .btn-group{align-items:center;display:flex;gap:24px;justify-content:center;margin-bottom:30px}.article-content--visiva .btn-group .btn{margin:0}.article-content--visiva .contrast-table{border:1px solid #d4d4d4;border-radius:20px;margin-top:40px;overflow:hidden}.article-content--visiva .contrast-table table{border-collapse:collapse;min-width:600px;width:100%}.article-content--visiva .contrast-table thead tr{background:#292929;color:#fff}.article-content--visiva .contrast-table th{font-size:14px;font-weight:600;padding:17px 16px}.article-content--visiva .contrast-table td{border-top:1px solid #d9d9d9;font-size:14px;padding:17px 16px}.article-content--visiva .sticky-table{overflow-x:auto}@media (max-width:768px){.article-content--visiva p{font-size:14px}.article-content--visiva>h2{font-size:22px;margin-bottom:16px;margin-top:16px}.article-content--visiva>h3{font-size:18px}.article-content--visiva .btn-group{flex-direction:column;gap:10px}.article-content--visiva>img:not(.hot-icon):not(.icon){max-width:100%}}.article-content--visiva .blog-paragraph,.article-content--visiva .blog-paragraph-normal{margin-top:20px}.article-content--visiva .blog-paragraph-large{font-size:20px;margin-top:40px}.article-content--visiva .blog-paragraph-highlight{color:var(--primary-1000,#1fb04f);text-decoration:underline}.article-content--visiva .blog-paragraph-bg-highlight{background-color:#ecffb9}.article-content--visiva .blog-paragraph-bold{font-weight:700}@media (max-width:640px){.article-content--visiva .blog-paragraph{font-size:14px}}.article-content--visiva .blog-intro-text{font-size:16px;font-weight:400;line-height:24px;margin-top:20px}.article-content--visiva .blog-intro-list{font-weight:300;list-style-position:inside;list-style-type:disc;padding-left:20px}.article-content--visiva .blog-intro-list-item{margin-top:8px}.article-content--visiva .blog-intro-text-secondary{font-size:16px;line-height:24px;margin-top:8px}.article-content--visiva .blog-toc{background-color:#f7f8fa;border-radius:10px;margin-top:40px;padding:20px 16px}.article-content--visiva .blog-toc-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.article-content--visiva .blog-toc-title{color:#000;font-size:16px;font-weight:600;line-height:24px}.article-content--visiva .blog-toc-list{color:#000}.article-content--visiva .blog-toc-list>*+*{margin-top:8px}.article-content--visiva .blog-toc-list-item{list-style-position:inside;list-style-type:disc;padding-left:8px}.article-content--visiva .blog-toc-numbered-list{font-size:14px;font-weight:300;line-height:20px;list-style-position:outside;list-style-type:decimal;margin-top:8px;padding-left:36px}.article-content--visiva .blog-toc-numbered-list>*+*{margin-top:8px}.article-content--visiva .blog-toc-numbered-list>li{display:list-item;list-style-position:outside;list-style-type:decimal}.article-content--visiva .blog-toc-numbered-item{align-items:center;display:flex;gap:8px}.article-content--visiva .blog-toc-hot-tag-wrapper{align-items:center;display:flex;gap:4px;position:relative}.article-content--visiva .blog-toc-hot-tag-text{color:#fff;font-family:Roboto,sans-serif;font-size:12px;font-style:italic;font-weight:900;line-height:16px;transform:scale(.75);transform-origin:center}.article-content--visiva .blog-toc-icon{flex-shrink:0;height:16px;width:16px}.article-content--visiva .blog-toc-link{color:inherit;text-decoration:none}.article-content--visiva .blog-toc-hot-tag-bg{min-height:12px;min-width:22px;position:absolute;width:100%}.article-content--visiva .blog-h2-style1{font-size:22px;font-weight:900;line-height:1;margin-top:16px}.article-content--visiva .blog-h2-style1-text{margin-top:16px}.article-content--visiva .blog-h2-style2{font-size:22px;font-weight:900;gap:8px;line-height:1;margin-top:16px;padding-left:8px;position:relative}.article-content--visiva .blog-h2-style2-indicator{background-color:#1fb04f;display:block;height:18px;left:0;position:absolute;top:2px;width:4px}.article-content--visiva .blog-h2-style2-link{color:#1fb04f}.article-content--visiva .blog-h3-style1{font-size:18px;font-weight:900;line-height:1;margin-top:16px}.article-content--visiva .blog-h3-style1-text{margin-top:4px}.article-content--visiva .blog-h3-style1-list{font-size:12px;font-weight:300;line-height:16px;list-style-position:inside;list-style-type:disc;margin-top:16px;padding-left:20px}.article-content--visiva .blog-h3-style1-list>*+*{margin-top:8px}.article-content--visiva .blog-h3-style2{display:flex;font-size:18px;font-weight:900;line-height:1;margin-top:16px}.article-content--visiva .blog-h3-style2>*+*{margin-left:8px}.article-content--visiva .blog-h3-style2-number{align-items:center;border:1px solid #1fb04f;border-radius:9999px;color:#1fb04f;display:inline-flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;line-height:28px;transform:translateY(0);width:24px}.article-content--visiva .blog-h3-style3{display:flex;font-size:18px;font-weight:900;line-height:1;margin-top:16px}.article-content--visiva .blog-h3-style3>*+*{margin-left:4px}.article-content--visiva .blog-h3-style3-badge{background-color:#1fb04f;border-radius:20px;color:#fff;display:inline-block;font-size:16px;font-weight:600;height:22px;line-height:22px;line-height:24px;padding-left:8px;padding-right:8px;transform:translateY(4px)}.article-content--visiva .blog-h3-style4{display:flex;font-size:18px;font-weight:900;line-height:1;margin-top:16px}.article-content--visiva .blog-h3-style4>*+*{margin-left:4px}.article-content--visiva .blog-h3-style4-icon-wrapper{align-items:center;display:inline-flex;flex-shrink:0;font-size:16px;font-weight:500;height:24px;justify-content:center;line-height:24px;position:relative;width:24px}.article-content--visiva .blog-h3-style4-icon{left:0;position:absolute;top:1px}.article-content--visiva .blog-h3-style4-number{color:#000;font-size:16px;font-weight:600;line-height:24px;position:relative;z-index:10}.article-content--visiva .blog-placeholder-image{background-color:#d9d9d9;border-radius:24px;height:300px;margin-top:40px;width:100%}.article-content--visiva .blog-button-single-wrapper{margin-top:40px;text-align:center}.article-content--visiva .blog-button-single{align-items:center;background:linear-gradient(90deg,#33ff78,#caff33);border-radius:40px;color:#000;cursor:pointer;display:inline-flex;gap:8px;height:60px;justify-content:center;min-width:270px}.article-content--visiva .blog-button-single:hover{background:linear-gradient(270deg,#33ff78,#caff33)}.article-content--visiva .blog-button-single-text{font-size:16px;font-weight:700;line-height:24px}.article-content--visiva .blog-button-group{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:40px}.article-content--visiva .blog-button-group-button-black{align-items:center;background-color:#000;border-radius:40px;color:#fff;cursor:pointer;display:flex;gap:8px;height:60px;justify-content:center;min-width:270px}.article-content--visiva .blog-button-group-button-black:hover{background-color:rgba(0,0,0,.8)}.article-content--visiva .blog-button-group-button-green{align-items:center;background:linear-gradient(90deg,#33ff78,#caff33);border-radius:40px;color:#000;cursor:pointer;display:flex;gap:8px;height:60px;justify-content:center;min-width:270px}.article-content--visiva .blog-button-group-button-green:hover{background:linear-gradient(270deg,#33ff78,#caff33)}.article-content--visiva .blog-button-group-text{font-size:16px;font-weight:700;line-height:24px}.article-content--visiva .blog-button-group-note{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:16px}.article-content--visiva .blog-button-group-note-text{color:#666262;font-size:14px;font-weight:500;line-height:20px}.article-content--visiva .blog-button-group-dark{background-color:#000;border-radius:20px;margin-top:40px;padding:40px 16px}.article-content--visiva .blog-button-group-dark-inner{align-items:center;display:flex;flex-direction:column;gap:16px}.article-content--visiva .blog-button-group-dark-button{align-items:center;background-color:#000;border:1px solid #fff;border-radius:40px;color:#fff;cursor:pointer;display:flex;gap:8px;height:60px;justify-content:center;min-width:270px}.article-content--visiva .blog-button-group-dark-button:hover{background-color:#fff;color:#000}.article-content--visiva .blog-quote{background-color:#fff;border:1px solid #d4d4d4;border-radius:10px;margin-top:40px;padding:20px 12px}.article-content--visiva .blog-quote-title{font-size:16px;font-weight:600;line-height:24px;margin-bottom:16px}.article-content--visiva .blog-quote-text{font-size:12px;font-style:italic;line-height:16px;line-height:1.625;margin-bottom:8px}.article-content--visiva .blog-quote-footer{align-items:flex-end;display:flex;gap:8px}.article-content--visiva .blog-quote-divider{background-color:#666262;display:inline-block;height:1px;margin-bottom:4px;width:48px}.article-content--visiva .blog-quote-author{color:#666262;font-size:12px;line-height:16px}.article-content--visiva .blog-table-wrapper{border:1px solid #d4d4d4;border-radius:20px;font-size:14px;line-height:20px;margin-top:40px;min-width:0;overflow-x:auto;scrollbar-width:none;text-align:center;-ms-overflow-style:none}.article-content--visiva .blog-table-wrapper::-webkit-scrollbar{display:none}.article-content--visiva .blog-table{border-collapse:collapse;min-width:800px;width:100%}.article-content--visiva .blog-table-header{background-color:#292929;color:#fff;font-size:18px;line-height:28px}.article-content--visiva .blog-table-header-cell{border-right:1px solid #5e5e68;font-weight:600;padding:17px 16px}.article-content--visiva .blog-table-header-cell:last-child{border-right:none}.article-content--visiva .blog-table-header-cell-last{font-size:14px;font-weight:600;line-height:20px;padding:17px 16px}.article-content--visiva .blog-table-row{background-color:#fff;border-top:1px solid #d9d9d9;color:#000;font-weight:300}.article-content--visiva .blog-table-cell{border-right:1px solid #d9d9d9;padding:17px 16px}.article-content--visiva .blog-table-cell:last-child{border-right:none}.article-content--visiva .blog-table-cell:hover{font-weight:400}.article-content--visiva .blog-table-cell-first{background-color:#f4f4f4;border-right:1px solid #d9d9d9;font-size:15px;padding:17px 16px}.article-content--visiva .blog-table-cell-first:hover{font-weight:400}.article-content--visiva .blog-table-cell-last{font-size:14px;line-height:20px;padding:17px 16px}.article-content--visiva .blog-table-plus-container{background-color:#fff;border:1px solid #d4d4d4;border-radius:20px;font-size:14px;line-height:20px;margin-top:40px;overflow:hidden;position:relative;text-align:center}.article-content--visiva .blog-table-plus-content{max-height:500px;min-width:0;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none;transition:max-height .3s ease-in-out;-ms-overflow-style:none}.article-content--visiva .blog-table-plus-content::-webkit-scrollbar{display:none}.article-content--visiva .blog-table-plus-overlay{background:linear-gradient(180deg,hsla(0,0%,100%,.72),#fff);bottom:0;height:80px;left:0;position:absolute;right:0;z-index:10}.article-content--visiva .blog-table-plus-toggle{align-items:center;background-color:#fff;border:1px solid #d4d4d4;border-radius:9999px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);cursor:pointer;display:flex;height:50px;justify-content:center;left:50%;position:absolute;transform:translateY(-50%) translateX(-50%);transition:all .3s;width:50px;z-index:10}.article-content--visiva .blog-table-plus-toggle:hover{background-color:#f9fafb}.article-content--visiva .blog-table-plus-header{background-color:#292929;color:#fff;font-size:18px;line-height:28px;position:sticky;top:0;z-index:10}.article-content--visiva .blog-table-plus-row{background-color:#fff;border-top:1px solid #d9d9d9;color:#000;font-weight:300;min-height:80px}.article-content--visiva .blog-table-plus-cell{border-right:1px solid #d9d9d9;min-height:80px;padding:17px 16px}.article-content--visiva .blog-table-plus-cell:last-child{border-right:none}.article-content--visiva .blog-table-plus-cell-first{background-color:#f4f4f4;border-right:1px solid #d9d9d9;font-size:15px;min-height:80px;padding:17px 16px}.article-content--visiva .blog-table-plus-cell-first:hover{font-weight:400}.article-content--visiva .blog-table-plus-cell-last{font-size:14px;line-height:20px;min-height:80px;padding:17px 16px}.article-content--visiva .blog-pros-cons{display:flex;flex-direction:column;gap:12px;margin-top:40px}.article-content--visiva .blog-pros-cons-card{background-color:#f7f8fa;border-radius:10px;flex:1 1 0%;padding:20px 12px}.article-content--visiva .blog-pros-cons-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.article-content--visiva .blog-pros-cons-title{color:#000;font-size:18px;font-weight:700;line-height:28px}.article-content--visiva .blog-pros-cons-list{color:#000;font-size:14px;line-height:20px;list-style-position:inside;list-style-type:disc}.article-content--visiva .blog-pros-cons-list>*+*{margin-top:12px}.article-content--visiva .blog-step{font-size:16px;font-weight:400;line-height:24px;margin-top:20px}.article-content--visiva .blog-step-number{color:#1fb04f;font-style:italic;font-weight:900}.article-content--visiva .blog-step-link{color:#1fb04f;font-weight:900}.article-content--visiva .blog-note-style{background-color:#f7f8fa;border-radius:0 0 5px 5px;margin-top:40px;padding:36px 16px 20px;position:relative}.article-content--visiva .blog-note-style-badge{align-items:center;background-color:#02a967;border-radius:5px 0 10px 0;display:flex;gap:4px;height:24px;left:0;padding-left:8px;padding-right:8px;position:absolute;top:0}.article-content--visiva .blog-note-style-badge-text{color:#fff;font-size:14px;font-weight:700;line-height:20px}.article-content--visiva .blog-note-style-text{color:#666262;font-size:14px;font-weight:300;line-height:1.625;line-height:20px}.article-content--visiva .blog-note-style2{background-color:#f7f8fa;border-radius:0 0 5px 5px;margin-top:40px;padding:36px 12px 20px;position:relative}.article-content--visiva .blog-features-card{align-items:center;background-color:#f7f8fa;border-radius:10px;display:flex;flex-direction:column;gap:20px;justify-content:space-between;margin-top:40px;padding:28px 12px}.article-content--visiva .blog-features-card-content{max-width:426px}.article-content--visiva .blog-features-card-title{font-size:18px;font-weight:700;line-height:28px;margin-bottom:16px;text-align:center}.article-content--visiva .blog-features-card-list{color:#666262;font-size:14px;font-weight:300;line-height:20px;list-style-position:outside;list-style-type:disc;margin-bottom:20px;padding-left:16px}.article-content--visiva .blog-features-card-list>*+*{margin-top:8px}.article-content--visiva .blog-features-card-button{align-items:center;background:linear-gradient(90deg,#33ff78,#caff33);border-radius:40px;color:#000;cursor:pointer;display:flex;gap:8px;height:60px;justify-content:center;min-width:270px}.article-content--visiva .blog-features-card-button:hover{background:linear-gradient(270deg,#33ff78,#caff33)}.article-content--visiva .blog-features-card-image-wrapper{max-width:411px}.article-content--visiva .blog-features-card-image{border-radius:10px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.article-content--visiva .blog-features-card-dark{align-items:center;background-color:#2e2e2e;border-radius:10px;color:#fff;display:flex;flex-direction:column;gap:20px;justify-content:space-between;margin-top:40px;padding:28px 12px}.article-content--visiva .blog-features-card-dark-list{font-size:14px;font-weight:300;line-height:20px;list-style-position:outside;list-style-type:disc;margin-bottom:20px;padding-left:16px}.article-content--visiva .blog-features-card-dark-list>*+*{margin-top:8px}.article-content--visiva .blog-features-card-dark-button{align-items:center;background:linear-gradient(90deg,#33ff78,#caff33);border-radius:40px;cursor:pointer;display:flex;gap:8px;height:60px;justify-content:center;min-width:270px}.article-content--visiva .blog-features-card-dark-button:hover{background:linear-gradient(270deg,#33ff78,#caff33)}.article-content--visiva .blog-note-style3{background-color:#f7f8fa;border-radius:10px;margin-top:40px;padding:20px 16px}.article-content--visiva .blog-note-style3-header{align-items:center;display:flex;gap:12px;margin-bottom:14px}.article-content--visiva .blog-note-style3-title{color:#000;font-weight:600}.article-content--visiva .blog-note-style3-text{color:#666262;font-size:14px;font-weight:300;line-height:1.625;line-height:20px}.article-content--visiva .blog-qa-card{background-color:#f7f8fa;border-radius:10px;font-size:14px;line-height:20px;margin-top:40px;padding:20px 16px}.article-content--visiva .blog-qa-item{margin-bottom:24px}.article-content--visiva .blog-qa-question{font-weight:600;margin-bottom:8px}.article-content--visiva .blog-qa-question-black{color:#000;font-weight:600;margin-bottom:8px}.article-content--visiva .blog-qa-answer{color:#666262;line-height:1.625}.article-content--visiva .blog-qa-answer-label{color:#000;font-weight:600}.article-content--visiva .blog-qa-card2-title{font-size:24px;font-weight:700;line-height:32px;margin-top:40px}.article-content--visiva .blog-qa-card2-intro{font-size:14px;line-height:20px;margin-top:20px}.article-content--visiva .blog-qa-card2-container{background-color:#f7f8fa;border-radius:10px;font-size:14px;line-height:20px;margin-top:20px;padding:20px 16px}.article-content--visiva .blog-qa-card3{background-color:#f8fffb;border-radius:10px;font-size:14px;line-height:20px;margin-top:40px;padding:28px 16px}.article-content--visiva .blog-qa-card3-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.article-content--visiva .blog-qa-card3-title{color:#1fb04f;font-size:18px;font-weight:700;line-height:28px}.article-content--visiva .blog-qa-card3-item{margin-bottom:16px}.article-content--visiva .blog-qa-card3-question{font-weight:700;margin-bottom:6px}.article-content--visiva .blog-qa-card3-answer{line-height:1.625}@media (min-width:768px){.article-content--visiva .blog-intro-text,.article-content--visiva .blog-intro-text-secondary{font-size:20px;line-height:28px}.article-content--visiva .blog-toc{border-radius:20px;padding:40px 32px}.article-content--visiva .blog-toc-title{font-size:20px;line-height:28px}.article-content--visiva .blog-h2-style1{font-size:30px}.article-content--visiva .blog-h2-style2{font-size:30px;padding-left:16px}.article-content--visiva .blog-h2-style2-indicator{height:25px;width:5px}.article-content--visiva .blog-h3-style1{font-size:24px;line-height:1}.article-content--visiva .blog-h3-style1-text{margin-top:16px}.article-content--visiva .blog-h3-style1-list{font-size:14px;line-height:20px;margin-top:8px}.article-content--visiva .blog-h3-style2,.article-content--visiva .blog-h3-style3{font-size:24px;line-height:1}.article-content--visiva .blog-h3-style3>*+*{margin-left:12px}.article-content--visiva .blog-h3-style4{font-size:24px;line-height:1}.article-content--visiva .blog-h3-style4>*+*{margin-left:12px}.article-content--visiva .blog-button-single-wrapper{text-align:left}.article-content--visiva .blog-button-single{min-width:220px}.article-content--visiva .blog-button-group{flex-direction:row;gap:24px}.article-content--visiva .blog-button-group-button-black{min-width:220px}.article-content--visiva .blog-button-group-button-green{min-width:260px}.article-content--visiva .blog-button-group-note{margin-top:20px}.article-content--visiva .blog-button-group-dark-inner{flex-direction:row;gap:24px}.article-content--visiva .blog-button-group-dark-button{min-width:220px}.article-content--visiva .blog-quote{border-radius:20px;padding:30px 28px}.article-content--visiva .blog-quote-title{font-size:20px;line-height:1}.article-content--visiva .blog-quote-text{font-size:14px;line-height:20px;margin-bottom:16px}.article-content--visiva .blog-quote-author{font-size:14px;line-height:20px}.article-content--visiva .blog-pros-cons{flex-direction:row;gap:24px}.article-content--visiva .blog-pros-cons-card{border-radius:20px;padding:26px 30px}.article-content--visiva .blog-step{font-size:20px;line-height:1}.article-content--visiva .blog-note-style-text{font-size:16px;line-height:24px}.article-content--visiva .blog-note-style2{padding-left:16px;padding-right:16px}.article-content--visiva .blog-features-card{border-radius:20px;flex-direction:row;gap:16px;padding:40px}.article-content--visiva .blog-features-card-title{font-size:20px;line-height:1;text-align:left}.article-content--visiva .blog-features-card-list{margin-bottom:28px}.article-content--visiva .blog-features-card-button{min-width:260px}.article-content--visiva .blog-features-card-image{border-radius:20px;min-height:239px}.article-content--visiva .blog-features-card-dark{border-radius:20px;flex-direction:row;gap:16px;padding:40px}.article-content--visiva .blog-features-card-dark-list{margin-bottom:28px}.article-content--visiva .blog-features-card-dark-button{min-width:260px}.article-content--visiva .blog-note-style3{border-radius:15px;padding:24px}.article-content--visiva .blog-note-style3-text{font-size:16px;line-height:24px}.article-content--visiva .blog-qa-card{border-radius:20px;font-size:16px;line-height:24px;padding:24px 20px}.article-content--visiva .blog-qa-card2-title{font-size:28px}.article-content--visiva .blog-qa-card2-intro{font-size:16px;line-height:24px}.article-content--visiva .blog-qa-card2-container{border-radius:20px;font-size:16px;line-height:24px;padding:24px 20px}.article-content--visiva .blog-qa-card3{border-radius:15px;font-size:16px;line-height:24px;padding-left:20px;padding-right:20px}.article-content--visiva .blog-qa-card3-title{font-size:20px;line-height:1}.article-content--visiva .blog-qa-card3-item{margin-bottom:24px}.article-content--visiva .blog-qa-card3-question{margin-bottom:12px}}@media (max-width:640px){.article-content--visiva .blog-h2-style1-text,.article-content--visiva .blog-h3-style1-text,.article-content--visiva .blog-toc-list{font-size:14px;line-height:20px}.article-content--visiva .blog-toc-numbered-list{font-size:12px;line-height:16px}}@media (max-width:768px){.article-content--visiva .blog-h2-style2-text,.article-content--visiva .blog-intro-list{font-size:14px;line-height:20px}.article-content--visiva .blog-features-card-button,.article-content--visiva .blog-features-card-dark-button{margin-left:auto;margin-right:auto}.article-content--visiva .blog-table-scroll{margin-right:-16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;background:#fff}.article-content--visiva .blog-table-scroll::-webkit-scrollbar{display:none}.article-content--visiva .blog-table-scroll>.blog-table-plus-container,.article-content--visiva .blog-table-scroll>.blog-table-wrapper{margin-right:16px;overflow:hidden;width:-moz-max-content;width:max-content}}
package/dist/styles/utilities.css ADDED
@@ -0,0 +1 @@
1
+ .article-content .mt-0{margin-top:0}.article-content .mt-5{margin-top:5px}.article-content .mt-10{margin-top:10px}.article-content .mt-15{margin-top:15px}.article-content .mt-20{margin-top:20px}.article-content .mt-30{margin-top:30px}.article-content .mt-40{margin-top:40px}.article-content .mb-0{margin-bottom:0}.article-content .mb-5{margin-bottom:5px}.article-content .mb-10{margin-bottom:10px}.article-content .mb-15{margin-bottom:15px}.article-content .mb-20{margin-bottom:20px}.article-content .mb-30{margin-bottom:30px}.article-content .mb-40{margin-bottom:40px}.article-content .ml-5{margin-left:5px}.article-content .ml-10{margin-left:10px}.article-content .ml-15{margin-left:15px}.article-content .ml-20{margin-left:20px}.article-content .mr-5{margin-right:5px}.article-content .mr-10{margin-right:10px}.article-content .mr-15{margin-right:15px}.article-content .mr-20{margin-right:20px}.article-content .pt-5{padding-top:5px}.article-content .pt-10{padding-top:10px}.article-content .pt-15{padding-top:15px}.article-content .pt-20{padding-top:20px}.article-content .pb-5{padding-bottom:5px}.article-content .pb-10{padding-bottom:10px}.article-content .pb-15{padding-bottom:15px}.article-content .pb-20{padding-bottom:20px}.article-content .pl-5{padding-left:5px}.article-content .pl-10{padding-left:10px}.article-content .pl-15{padding-left:15px}.article-content .pl-20{padding-left:20px}.article-content .pr-5{padding-right:5px}.article-content .pr-10{padding-right:10px}.article-content .pr-15{padding-right:15px}.article-content .pr-20{padding-right:20px}.article-content .p-5{padding:5px}.article-content .p-10{padding:10px}.article-content .p-15{padding:15px}.article-content .p-20{padding:20px}.article-content .px-5{padding-left:5px;padding-right:5px}.article-content .px-10{padding-left:10px;padding-right:10px}.article-content .px-15{padding-left:15px;padding-right:15px}.article-content .px-20{padding-left:20px;padding-right:20px}.article-content .py-5{padding-bottom:5px;padding-top:5px}.article-content .py-10{padding-bottom:10px;padding-top:10px}.article-content .py-15{padding-bottom:15px;padding-top:15px}.article-content .py-20{padding-bottom:20px;padding-top:20px}.article-content .text-12{font-size:12px}.article-content .text-14{font-size:14px}.article-content .text-16{font-size:16px}.article-content .text-18{font-size:18px}.article-content .text-20{font-size:20px}.article-content .text-24{font-size:24px}.article-content .text-28{font-size:28px}.article-content .text-30{font-size:30px}.article-content .text-32{font-size:32px}.article-content .text-36{font-size:36px}.article-content .font-normal{font-weight:400}.article-content .font-medium{font-weight:500}.article-content .font-semibold{font-weight:600}.article-content .font-bold{font-weight:700}.article-content .font-black{font-weight:900}.article-content .text-left{text-align:left}.article-content .text-center{text-align:center}.article-content .text-right{text-align:right}.article-content .leading-tight{line-height:1.25}.article-content .leading-normal{line-height:1.5}.article-content .leading-relaxed{line-height:1.75}.article-content .leading-loose{line-height:2}
package/dist/utils/content-variables.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ /**
2
+ * 内容变量替换
3
+ * 运营在文章标题/正文中使用 %variable_name% 占位符，渲染时替换为实际值
4
+ * 扩展方式：在 contentVariableResolvers 中新增键值对
5
+ */
6
+ export declare function resolveContentVariables(text: string): string;
package/dist/utils/content-variables.mjs ADDED
@@ -0,0 +1,14 @@
1
+ const contentVariableResolvers = {
2
+ base_year: () => String((/* @__PURE__ */ new Date()).getFullYear())
3
+ };
4
+ export function resolveContentVariables(text) {
5
+ if (!text || !text.includes("%")) return text;
6
+ let result = text;
7
+ for (const [name, resolver] of Object.entries(contentVariableResolvers)) {
8
+ const placeholder = `%${name}%`;
9
+ if (result.includes(placeholder)) {
10
+ result = result.replaceAll(placeholder, resolver());
11
+ }
12
+ }
13
+ return result;
14
+ }