You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
307 lines
19 KiB
307 lines
19 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{$current_cate.seo_title}</title>
|
|
<meta name="keywords" content="{$current_cate.seo_keywords}">
|
|
<meta name="description" content="{$current_cate.seo_description}">
|
|
<!-- 公共CSS 自动被打包进页面 -->
|
|
<link rel="icon" href="./favicon.ico" type="image/x-icon">
|
|
<script>
|
|
// 设计稿 1920px 宽度下 1rem = 16Px；放在 head 里避免刷新时 rem 闪动
|
|
(function () {
|
|
var h = document.documentElement
|
|
// 设计稿宽度
|
|
var DESIGN_WIDTH = 1920
|
|
// 设计稿1rem = 16Px
|
|
var REM_AT_DESIGN = 16
|
|
// 最小字体大小-限制, 同时注意所有的box的大小也有了最小限制
|
|
var MIN_ROOT_FONT_SIZE = 14
|
|
function setRootFontSize() {
|
|
// 当前屏幕可视宽度（每次计算都取最新值）
|
|
var W = h.getBoundingClientRect().width
|
|
var size = (W / DESIGN_WIDTH) * REM_AT_DESIGN
|
|
if (size < MIN_ROOT_FONT_SIZE) size = MIN_ROOT_FONT_SIZE
|
|
h.style.fontSize = size + 'px'
|
|
}
|
|
setRootFontSize()
|
|
var resizeRaf = 0
|
|
window.addEventListener('resize', function () {
|
|
if (resizeRaf) return
|
|
resizeRaf = requestAnimationFrame(function () {
|
|
resizeRaf = 0
|
|
setRootFontSize()
|
|
})
|
|
})
|
|
})()
|
|
</script>
|
|
<link rel="stylesheet" href="https://unpkg.com/lenis@1.3.23/dist/lenis.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
|
<link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
|
|
<script type="module" crossorigin src="/themes/dist_static/static/js/contact.js"></script>
|
|
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js">
|
|
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css">
|
|
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/contact.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- 引入公共头部 -->
|
|
<!-- header -->
|
|
{include file="components/header"}
|
|
<main class="main-contact" data-header-dark>
|
|
<section class="c-intro section__wrap">
|
|
<h1 class="c-intro__title">
|
|
<span>{$current_cate.sub_title}<br/>{$current_cate.desc}</span>
|
|
</h1>
|
|
<div class="c-intro__hotline">
|
|
<div class="c-intro__hotline-label">
|
|
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='32.000000'%20height='32.000000'%20fill='none'%3e%3crect%20id='Linear%20/%20Call%20/%20Incoming%20Call%20Rounded'%20width='32.000000'%20height='32.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3cpath%20id='Vector'%20d='M0%204.26667L4.26667%200M1.06667%200L4.26667%200L4.26667%203.2'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-width='1.500000'%20transform='matrix(-1,0,0,-1,23.4668,12.7998)'%20/%3e%3cpath%20id='Vector'%20d='M13.9069%208.87071C12.9635%207.18033%2010.5929%206.9807%209.10712%208.46651C8.21432%209.35931%207.51962%2010.453%207.47379%2011.6621C7.39663%2013.6974%207.91173%2017.154%2011.379%2020.6212C14.8463%2024.0885%2018.3028%2024.6036%2020.3382%2024.5265C21.5472%2024.4806%2022.6409%2023.7859%2023.5338%2022.8931C25.0196%2021.4073%2024.8199%2019.0367%2023.1295%2018.0934L21.8891%2017.4011C20.7696%2016.7763%2019.3011%2017.0271%2018.3171%2018.0111C18.3171%2018.0111%2017.1236%2019.2046%2014.9596%2017.0406C12.7956%2014.8767%2013.9892%2013.6831%2013.9892%2013.6831C14.9731%2012.6991%2015.2239%2011.2306%2014.5992%2010.1112L13.9069%208.87071Z'%20fill-rule='evenodd'%20stroke='rgb(239,67,53)'%20stroke-width='1.500000'%20/%3e%3c/svg%3e" alt="" width="19" height="19" />
|
|
<span>Hotline</span>
|
|
</div>
|
|
<a class="c-intro__phone" href="tel:400-0898-188">{hcTaglib:setting name="company_phone" type="1" /}</a>
|
|
<p class="c-intro__hours">{$current_cate.description}</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="c-banner" aria-label="Service shortcuts">
|
|
<div class="c-banner__media" aria-hidden="true">
|
|
<img src="{$current_cate.thumbnail.url ?? ''}" alt="" width="1920" height="720" />
|
|
</div>
|
|
<div class="c-banner__cards section__wrap">
|
|
<a class="c-card" href="{:getMuiLangUrl('/download.html')}">
|
|
<div class="c-card__head">
|
|
<span class="c-card__title">Download Center</span>
|
|
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%3e%3crect%20id='容器%20279'%20width='48.000000'%20height='48.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cg%20id='download--02'%3e%3cpath%20id='矢量%20486'%20d='M33.3333%2018.667L44%2018.667L44%2044.0003L4%2044.0003L4%2018.667L14.6667%2018.667'%20fill-rule='nonzero'%20stroke='rgb(0,0,0)'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='矢量%20487'%20d='M32%2028L24%2036L16%2028M24%204L24%2036'%20fill-rule='nonzero'%20stroke='rgb(239,67,53)'%20stroke-width='2.000000'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="48" height="48" />
|
|
</div>
|
|
<p class="c-card__desc">Get product documentation</p>
|
|
</a>
|
|
<a class="c-card" href="{:getMuiLangUrl('/faq.html')}">
|
|
<div class="c-card__head">
|
|
<span class="c-card__title">FAQ</span>
|
|
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='Question_and_answer'%3e%3cg%20id='question-and-answer'%3e%3cpath%20id='矢量%20484'%20d='M16.6667%2046L10.8%2037.2L4.93333%2037.2C3.32%2037.2%202%2035.88%202%2034.2667L2%2019.6C2%2017.9867%203.32%2016.6667%204.93333%2016.6667L26.9333%2016.6667C28.5467%2016.6667%2029.8667%2017.9867%2029.8667%2019.6L29.8667%2034.2667C29.8667%2035.88%2028.5467%2037.2%2026.9333%2037.2L16.6667%2037.2M35.7333%2025.4667L38.6667%2019.6L43.0667%2019.6C44.68%2019.6%2046%2018.28%2046%2016.6667L46%204.93333C46%203.32%2044.68%202%2043.0667%202L25.4667%202C23.8533%202%2022.5333%203.32%2022.5333%204.93333L22.5333%2016.6667M34.2667%2019.6L29.8667%2019.6M34.296%2013C34.296%2011.372%2034.5307%2010.9027%2035.5133%2010.3307C36.232%209.92%2036.9213%209.31867%2036.9213%208.10133C36.9213%206.54667%2035.7333%205.66667%2034.2813%205.66667C32.8293%205.66667%2031.6267%206.708%2031.6267%208.10133'%20fill-rule='nonzero'%20stroke='rgb(0,0,0)'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='矢量%20485'%20d='M17.3995%2026.9332C17.3995%2027.7399%2016.7395%2028.3999%2015.9328%2028.3999C15.1261%2028.3999%2014.4661%2027.7399%2014.4661%2026.9332C14.4661%2026.1265%2015.1261%2025.4665%2015.9328%2025.4665C16.7395%2025.4665%2017.3995%2026.1265%2017.3995%2026.9332ZM23.2661%2025.4665C22.4595%2025.4665%2021.7995%2026.1265%2021.7995%2026.9332C21.7995%2027.7399%2022.4595%2028.3999%2023.2661%2028.3999C24.0728%2028.3999%2024.7328%2027.7399%2024.7328%2026.9332C24.7328%2026.1265%2024.0728%2025.4665%2023.2661%2025.4665ZM8.59948%2025.4665C7.79281%2025.4665%207.13281%2026.1265%207.13281%2026.9332C7.13281%2027.7399%207.79281%2028.3999%208.59948%2028.3999C9.40615%2028.3999%2010.0661%2027.7399%2010.0661%2026.9332C10.0661%2026.1265%209.40615%2025.4665%208.59948%2025.4665ZM34.2661%2016.1239C34.7795%2016.1239%2035.1901%2015.7132%2035.1901%2015.2145C35.1901%2014.7159%2034.7795%2014.2905%2034.2661%2014.2905C33.7528%2014.2905%2033.3568%2014.7012%2033.3568%2015.2145C33.3568%2015.7279%2033.7675%2016.1239%2034.2661%2016.1239Z'%20fill='rgb(239,67,53)'%20fill-rule='nonzero'%20/%3e%3c/g%3e%3crect%20id='Transparent_Rectangle'%20width='48.000000'%20height='48.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="48" height="48" />
|
|
</div>
|
|
<p class="c-card__desc">Find the answers you need</p>
|
|
</a>
|
|
<a class="c-card" href="{:getMuiLangUrl('/video.html')}">
|
|
<div class="c-card__head">
|
|
<span class="c-card__title">Video Tutorials</span>
|
|
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='vuesax/linear/play-circle'%3e%3cg%20id='play-circle'%3e%3cpath%20id='Vector'%20d='M23.9395%2044C12.8938%2044%203.93945%2035.0457%203.93945%2024C3.93945%2012.9543%2012.8938%204%2023.9395%204C34.9852%204%2043.9395%2012.9543%2043.9395%2024C43.9395%2035.0457%2034.9852%2044%2023.9395%2044Z'%20stroke='rgb(41,45,50)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20d='M17.4805%2021.1202C17.4805%2016.9602%2020.4205%2015.2602%2024.0205%2017.3402L26.9205%2019.0202L29.8205%2020.7002C33.4205%2022.7803%2033.4205%2026.1802%2029.8205%2028.2603L26.9205%2029.9403L24.0205%2031.6203C20.4205%2033.7002%2017.4805%2032.0003%2017.4805%2027.8402L17.4805%2024.4602L17.4805%2021.1202Z'%20fill-rule='nonzero'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20opacity='0'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e" alt="" width="48" height="48" />
|
|
</div>
|
|
<p class="c-card__desc">Watch training videos</p>
|
|
</a>
|
|
<a class="c-card" href="{:getMuiLangUrl('/announce.html')}">
|
|
<div class="c-card__head">
|
|
<span class="c-card__title">Product Notices</span>
|
|
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%3e%3crect%20id='容器%20280'%20width='48.000000'%20height='48.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3cpath%20id='Vector'%20d='M4%2028.091C4%2032.1719%206.07692%2034.2124%2010.2308%2034.2124L13.2036%2034.2124C13.9774%2034.2124%2014.7511%2034.4324%2015.4027%2034.8325L21.4706%2038.5534C26.724%2041.7741%2031%2039.4336%2031%2033.3522L31%2014.6478C31%208.56641%2026.7036%206.22587%2021.4706%209.44662L15.4027%2013.1875C14.7308%2013.5876%2013.9774%2013.8076%2013.2036%2013.8076L10.2308%2013.8076C6.07692%2013.8076%204%2015.8481%204%2019.9291L4%2028.091Z'%20fill-rule='nonzero'%20stroke='rgb(41,45,50)'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20d='M0%200L8%200'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20transform='matrix(0.866025,-0.5,0.5,0.866025,36.5352,15.001)'%20/%3e%3cpath%20id='Vector'%20d='M36%2024L44%2024'%20stroke='rgb(41,45,50)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20d='M0%200L8%200'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20transform='matrix(0.866025,0.5,-0.5,0.866025,36.5352,33)'%20/%3e%3c/svg%3e" alt="" width="48" height="48" />
|
|
</div>
|
|
<p class="c-card__desc">Stay up to date on products</p>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="c-form-section section__wrap" id="form">
|
|
<h2 class="c-form-section__title">
|
|
<span>Fill in the information below</span>
|
|
<span>and we will reply promptly</span>
|
|
</h2>
|
|
|
|
<form class="c-form section-contact-form" action="#" method="post">
|
|
<div class="c-form__grid">
|
|
<label class="c-field">
|
|
<span class="c-field__label">Name *</span>
|
|
<input class="c-field__input" type="text" name="name" placeholder="Enter your name" autocomplete="name" />
|
|
</label>
|
|
<label class="c-field">
|
|
<span class="c-field__label">Phone *</span>
|
|
<input class="c-field__input" type="tel" name="phone" placeholder="Enter your phone number" autocomplete="tel" />
|
|
</label>
|
|
<label class="c-field">
|
|
<span class="c-field__label">Company *</span>
|
|
<input class="c-field__input" type="text" name="company" placeholder="Enter your company name" autocomplete="organization" />
|
|
</label>
|
|
<label class="c-field">
|
|
<span class="c-field__label">Email *</span>
|
|
<input class="c-field__input" type="email" name="email" placeholder="Enter your email" autocomplete="email" />
|
|
</label>
|
|
<label class="c-field">
|
|
<span class="c-field__label">Industry *</span>
|
|
<select class="c-field__input c-field__select" name="industry">
|
|
<option value="" disabled selected>Select an industry</option>
|
|
<option value="Packaging machinery">Packaging machinery</option>
|
|
<option value="Machine tools">Machine tools</option>
|
|
<option value="3C electronics">3C electronics</option>
|
|
<option value="Other">Other</option>
|
|
</select>
|
|
</label>
|
|
<label class="c-field">
|
|
<span class="c-field__label">Business type *</span>
|
|
<select class="c-field__input c-field__select" name="bizType">
|
|
<option value="" disabled selected>Select a business type</option>
|
|
<option value="Product inquiry">Product inquiry</option>
|
|
<option value="Technical support">Technical support</option>
|
|
<option value="Business cooperation">Business cooperation</option>
|
|
<option value="Other">Other</option>
|
|
</select>
|
|
</label>
|
|
<label class="c-field c-field--full">
|
|
<span class="c-field__label">Inquiry description</span>
|
|
<input class="c-field__input" type="text" name="content" placeholder="Enter your inquiry" />
|
|
</label>
|
|
</div>
|
|
|
|
<label class="c-form__agree">
|
|
<input type="checkbox" name="agree" />
|
|
<span>I have read and agree to the Privacy Policy</span>
|
|
</label>
|
|
|
|
<button class="c-form__submit" type="submit">Submit</button>
|
|
</form>
|
|
</section>
|
|
</main>
|
|
{include file="components/mask"}
|
|
<!-- 模块：底部 -->
|
|
{include file="components/footer"}
|
|
|
|
|
|
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.js"></script>
|
|
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script>
|
|
<script>
|
|
$(function () {
|
|
var $form = $('.section-contact-form');
|
|
var $submitBtn = $form.find('.c-form__submit');
|
|
var submitting = false; // 防重复提交标志
|
|
|
|
$form.on('submit', function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
if (submitting) return false;
|
|
|
|
// 表单验证
|
|
var name = $form.find('[name="name"]').val().trim();
|
|
var phone = $form.find('[name="phone"]').val().trim();
|
|
var company = $form.find('[name="company"]').val().trim();
|
|
var email = $form.find('[name="email"]').val().trim();
|
|
var industry = $form.find('[name="industry"]').val();
|
|
var bizType = $form.find('[name="bizType"]').val();
|
|
var agree = $form.find('[name="agree"]').prop('checked');
|
|
|
|
if (!name) { alert(t("contact.name_required")); return; }
|
|
if (!phone) { alert(t("contact.phone_required")); return; }
|
|
if (!company) { alert(t("contact.company_required")); return; }
|
|
if (!email) { alert(t("contact.email_required")); return; }
|
|
if (!industry) { alert('Please select an industry'); return; }
|
|
if (!bizType) { alert('Please select a business type'); return; }
|
|
if (!agree) { alert('Please read and agree to the Privacy Policy'); return; }
|
|
|
|
// 收集表单数据（字段映射到数据库 hc_inquiry 表）
|
|
var content = $form.find('[name="content"]').val().trim();
|
|
var data = {
|
|
contacts_name: name, // 联系人姓名
|
|
phone: phone, // 联系人手机号
|
|
company_name: company, // 客户名称
|
|
email: email, // 邮箱
|
|
telphone: bizType, // 固定电话字段存放业务类型
|
|
explain: industry, // 询盘类型（所属行业）
|
|
content: content, // 询盘内容（咨询描述）
|
|
referer: 'website' // 询盘来源
|
|
};
|
|
|
|
// 禁用提交按钮，防止重复提交
|
|
submitting = true;
|
|
$submitBtn.prop("disabled", true).text(t("contact.submitting"));
|
|
|
|
// 发送请求
|
|
$.ajax({
|
|
url: '/inquiry/save',
|
|
type: 'POST',
|
|
contentType: 'application/json',
|
|
data: JSON.stringify(data),
|
|
success: function (res) {
|
|
if (res.code === 0 || res.code === 200) {
|
|
$form[0].reset();
|
|
showFormToast(t("contact.success"));
|
|
} else {
|
|
alert(res.msg || t("contact.fail"));
|
|
}
|
|
},
|
|
error: function () {
|
|
alert(t("contact.network_error"));
|
|
},
|
|
complete: function () {
|
|
submitting = false;
|
|
$submitBtn.prop("disabled", false).text(t("contact.submit"));
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
// 表单提交成功提示
|
|
var $toast = null;
|
|
var toastTimer = null;
|
|
function showFormToast(msg) {
|
|
if (!$toast) {
|
|
$toast = $(
|
|
'<div class="form-toast">' +
|
|
' <svg viewBox="0 0 24 24" width="22" height="22" fill="none" xmlns="http://www.w3.org/2000/svg">' +
|
|
' <circle cx="12" cy="12" r="10.5" stroke="currentColor" stroke-width="1.5"/>' +
|
|
' <path d="M7.5 12.5L10.5 15.5L16.5 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>' +
|
|
' </svg>' +
|
|
' <span class="form-toast__text"></span>' +
|
|
'</div>'
|
|
);
|
|
$('body').append($toast);
|
|
}
|
|
$toast.find('.form-toast__text').text(msg);
|
|
$toast.addClass('form-toast--show');
|
|
clearTimeout(toastTimer);
|
|
toastTimer = setTimeout(function () {
|
|
$toast.removeClass('form-toast--show');
|
|
}, 3000);
|
|
}
|
|
});
|
|
</script>
|
|
<style>
|
|
.form-toast {
|
|
position: fixed;
|
|
left: 50%;
|
|
top: 40px;
|
|
transform: translate(-50%, -16px);
|
|
z-index: 9999;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
padding: 14px 24px;
|
|
border-radius: 8px;
|
|
background: #fff;
|
|
color: var(--color-primary);
|
|
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
|
|
font-size: 15px;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
pointer-events: none;
|
|
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
|
|
}
|
|
.form-toast--show {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
transform: translate(-50%, 0);
|
|
}
|
|
.form-toast__text {
|
|
color: var(--color-text);
|
|
}
|
|
</style>
|
|
</body>
|
|
|
|
</html>
|