/** Shopify CDN: Minification failed

Line 6:60 Unexpected "/"

**/
* 使用数据属性精准定位到 share-your-ride 页面 */



[data-template="page.contact-us"] > .section-wrapper:first-child{
  width: 700px;
  margin: auto;
}
[data-template="page.contact-us"] > .section-wrapper:nth-child(2){
  width: 800px;
  margin: auto;
}
[data-template="page.contact-us"]{
  background-color: rgb(34 34 34 / 1.0); /* 深色背景 */
  min-height: 80vh;
  padding: 30px 0;
}
[data-template="page.contact-us"] h1{
    color:white !important;
}
[data-template="page.contact-us"] p{
    color:white !important;
}
[data-template="page.contact-us"] small{
    color:white !important;
}
[data-template="page.contact-us"] label{
    color:white !important;
}
/* 联系页面输入框获得焦点时变成白色 */
[data-template="page.contact-us"] input:focus {
  background-color: #ffffff !important;
  color: #000000 !important;
}
/* 联系页面输入框悬停时变成白色 */
[data-template="page.contact-us"] input:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
}/* 联系页面输入框悬停透明效果 */
[data-template="page.contact-us"] input,
[data-template="page.contact-us"] textarea {
  transition: all 0.3s ease-in-out;
}

[data-template="page.contact-us"] input:hover,
[data-template="page.contact-us"] textarea:hover {
  background-color: transparent !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.3) !important;
}/* 联系页面所有表单元素 - 透明背景 */
[data-template="page.contact-us"] input,
[data-template="page.contact-us"] textarea,
[data-template="page.contact-us"] select {
  background-color: rgba(34, 34, 34, 0.7) !important;
  color: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 6px !important;
  padding: 12px 16px !important;
  font-size: 16px !important;
  transition: all 0.3s ease-in-out !important;
  backdrop-filter: blur(5px) !important;
}

/* 下拉菜单自定义箭头 */
[data-template="page.contact-us"] select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L2 4h8z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 12px !important;
  padding-right: 40px !important;
}

/* 焦点状态 */
[data-template="page.contact-us"] input:focus,
[data-template="page.contact-us"] textarea:focus,
[data-template="page.contact-us"] select:focus {
  background-color: rgba(34, 34, 34, 0.9) !important;
  color: #ffffff !important;
  border-color: #007bff !important;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25) !important;
  outline: none !important;
}

/* 占位符文字 */
[data-template="page.contact-us"] input::placeholder,
[data-template="page.contact-us"] textarea::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}/* Contact Us 页面输入框 - 直角边框和橙色焦点 */
[data-template="page.contact-us"] input,
[data-template="page.contact-us"] textarea,
[data-template="page.contact-us"] select {
  border-radius: 0 !important; /* 直角 */
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  background-color: rgba(34, 34, 34, 0.7) !important;
  color: #ffffff !important;
  padding: 12px 16px !important;
  transition: all 0.3s ease-in-out !important;
}

[data-template="page.contact-us"] input:focus,
[data-template="page.contact-us"] textarea:focus,
[data-template="page.contact-us"] select:focus {
  border-color: #FF7A1A !important;
  box-shadow: 0 0 0 2px rgba(255, 122, 26, 0.3) !important;
  outline: none !important;
  background-color: rgba(34, 34, 34, 0.9) !important;
}









/****新页面q*************/
/* 使用数据属性精准定位到 share-your-ride 页面 */


[data-template="page.become-a-dealer"] > .section-wrapper{
   width: 800px;
    margin: auto;
}
[data-template="page.become-a-dealer"]{
  background-color: rgb(34 34 34 / 1.0); /* 深色背景 */
  min-height: 80vh;
  padding: 30px 0;
}
[data-template="page.become-a-dealer"] h1{
    color:white !important;
}
[data-template="page.become-a-dealer"] p{
    color:white !important;
}
[data-template="page.become-a-dealer"] p{
   margin:auto;
   text-align:center;
}
[data-template="page.become-a-dealer"] label{
    color:white !important;
}
/* 联系页面输入框获得焦点时变成白色 */
[data-template="page.become-a-dealer"] input:focus {
  background-color: #ffffff !important;
  color: #000000 !important;
}
/* 联系页面输入框悬停时变成白色 */
[data-template="page.become-a-dealer"] input:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
}/* 联系页面输入框悬停透明效果 */
[data-template="page.become-a-dealer"] input,
[data-template="page.become-a-dealer"] textarea {
  transition: all 0.3s ease-in-out;
}

[data-template="page.become-a-dealer"] input:hover,
[data-template="page.become-a-dealer"] textarea:hover {
  background-color: transparent !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.3) !important;
}/* 联系页面所有表单元素 - 透明背景 */
[data-template="page.become-a-dealer"] input,
[data-template="page.become-a-dealer"] textarea,
[data-template="page.become-a-dealer"] select {
  background-color: rgba(34, 34, 34, 0.7) !important;
  color: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 6px !important;
  padding: 12px 16px !important;
  font-size: 16px !important;
  transition: all 0.3s ease-in-out !important;
  backdrop-filter: blur(5px) !important;
}

/* 下拉菜单自定义箭头 */
[data-template="page.become-a-dealer"] select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L2 4h8z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 12px !important;
  padding-right: 40px !important;
}

/* 焦点状态 */
[data-template="page.become-a-dealer"] input:focus,
[data-template="page.become-a-dealer"] textarea:focus,
[data-template="page.become-a-dealer"] select:focus {
  background-color: rgba(34, 34, 34, 0.9) !important;
  color: #ffffff !important;
  border-color: #007bff !important;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25) !important;
  outline: none !important;
}

/* 占位符文字 */
[data-template="page.become-a-dealer"] input::placeholder,
[data-template="page.become-a-dealer"] textarea::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}/* Contact Us 和 Become A Dealer 页面统一表单样式 */
[data-template="page.contact-us"] input,
[data-template="page.contact-us"] textarea,
[data-template="page.contact-us"] select,
[data-template="page.become-a-dealer"] input,
[data-template="page.become-a-dealer"] textarea,
[data-template="page.become-a-dealer"] select {
  border-radius: 0 !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  background-color: rgba(34, 34, 34, 0.7) !important;
  color: #ffffff !important;
  padding: 12px 16px !important;
  font-size: 16px !important;
  transition: all 0.3s ease-in-out !important;
  backdrop-filter: blur(5px) !important;
}

[data-template="page.contact-us"] input:focus,
[data-template="page.contact-us"] textarea:focus,
[data-template="page.contact-us"] select:focus,
[data-template="page.become-a-dealer"] input:focus,
[data-template="page.become-a-dealer"] textarea:focus,
[data-template="page.become-a-dealer"] select:focus {
  border-color: #FF7A1A !important;
  box-shadow: 0 0 0 2px rgba(255, 122, 26, 0.3) !important;
  outline: none !important;
  background-color: rgba(34, 34, 34, 0.9) !important;
}

[data-template="page.contact-us"] input::placeholder,
[data-template="page.contact-us"] textarea::placeholder,
[data-template="page.become-a-dealer"] input::placeholder,
[data-template="page.become-a-dealer"] textarea::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}/* 简洁版本 - 提交按钮直角 */
[data-template="page.contact-us"] [type="submit"],
[data-template="page.become-a-dealer"] [type="submit"] {
  border-radius: 0 !important;
  border: 2px solid #FF7A1A !important;
  background-color: #FF7A1A !important;
  color: #ffffff !important;
  padding: 12px 24px !important;
  font-weight: bold !important;
}

[data-template="page.contact-us"] [type="submit"]:hover,
[data-template="page.become-a-dealer"] [type="submit"]:hover {
  background-color: #e56900 !important;
  border-color: #e56900 !important;
}









/************第三个*****************/

[data-template="page.share-your-ride"] > .shopify-section:first-child{
   width: 700px;
  margin: auto;
}
[data-template="page.share-your-ride"] > .shopify-section:nth-child(2){
  width: 800px;
  margin: auto;
}
[data-template="page.share-your-ride"]{
  background-color: rgb(34 34 34 / 1.0); /* 深色背景 */
  min-height: 80vh;
  padding: 30px 0;
}
[data-template="page.share-your-ride"] h1{
    color:white !important;
}
[data-template="page.share-your-ride"] p{
    color:white !important;
}
[data-template="page.share-your-ride"] small{
    color:white !important;
}
[data-template="page.share-your-ride"] label{
    color:white !important;
}
/* 联系页面输入框获得焦点时变成白色 */
[data-template="page.share-your-ride"] input:focus {
  background-color: #ffffff !important;
  color: #000000 !important;
}
/* 联系页面输入框悬停时变成白色 */
[data-template="page.share-your-ride"] input:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
}/* 联系页面输入框悬停透明效果 */
[data-template="page.share-your-ride"] input,
[data-template="page.share-your-ride"] textarea {
  transition: all 0.3s ease-in-out;
}

[data-template="page.share-your-ride"] input:hover,
[data-template="page.share-your-ride"] textarea:hover {
  background-color: transparent !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.3) !important;
}/* 联系页面所有表单元素 - 透明背景 */
[data-template="page.share-your-ride"] input,
[data-template="page.share-your-ride"] textarea,
[data-template="page.share-your-ride"] select {
  background-color: rgba(34, 34, 34, 0.7) !important;
  color: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 6px !important;
  padding: 12px 16px !important;
  font-size: 16px !important;
  transition: all 0.3s ease-in-out !important;
  backdrop-filter: blur(5px) !important;
}

/* 下拉菜单自定义箭头 */
[data-template="page.share-your-ride"] select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L2 4h8z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 12px !important;
  padding-right: 40px !important;
}

/* 焦点状态 */
[data-template="page.share-your-ride"] input:focus,
[data-template="page.share-your-ride"] textarea:focus,
[data-template="page.share-your-ride"] select:focus {
  background-color: rgba(34, 34, 34, 0.9) !important;
  color: #ffffff !important;
  border-color: #007bff !important;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25) !important;
  outline: none !important;
}

/* 占位符文字 */
[data-template="page.share-your-ride"] input::placeholder,
[data-template="page.share-your-ride"] textarea::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}
/* 三个页面统一表单样式 - 直角 + 橙色焦点 */
[data-template="page.contact-us"] input,
[data-template="page.contact-us"] textarea,
[data-template="page.contact-us"] select,
[data-template="page.contact-us"] input[type="submit"],
[data-template="page.contact-us"] button[type="submit"],
[data-template="page.contact-us"] .btn,

[data-template="page.become-a-dealer"] input,
[data-template="page.become-a-dealer"] textarea,
[data-template="page.become-a-dealer"] select,
[data-template="page.become-a-dealer"] input[type="submit"],
[data-template="page.become-a-dealer"] button[type="submit"],
[data-template="page.become-a-dealer"] .btn,

[data-template="page.share-your-ride"] input,
[data-template="page.share-your-ride"] textarea,
[data-template="page.share-your-ride"] select,
[data-template="page.share-your-ride"] input[type="submit"],
[data-template="page.share-your-ride"] button[type="submit"],
[data-template="page.share-your-ride"] .btn {
  border-radius: 0 !important; /* 统一直角 */
}

/* 三个页面输入框焦点状态统一 */
[data-template="page.contact-us"] input:focus:not([type="submit"]),
[data-template="page.contact-us"] textarea:focus,
[data-template="page.contact-us"] select:focus,

[data-template="page.become-a-dealer"] input:focus:not([type="submit"]),
[data-template="page.become-a-dealer"] textarea:focus,
[data-template="page.become-a-dealer"] select:focus,

[data-template="page.share-your-ride"] input:focus:not([type="submit"]),
[data-template="page.share-your-ride"] textarea:focus,
[data-template="page.share-your-ride"] select:focus {
  border-color: #FF7A1A !important;
  box-shadow: 0 0 0 2px rgba(255, 122, 26, 0.3) !important;
  outline: none !important;
}


/* ===== 手机响应式适配 ===== */
@media screen and (max-width: 768px) {
  /* Contact Us 页面手机适配 */
  [data-template="page.contact-us"] > .section-wrapper:first-child,
  [data-template="page.contact-us"] > .section-wrapper:nth-child(2) {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }
  
  /* Become A Dealer 页面手机适配 */
  [data-template="page.become-a-dealer"] > .section-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }
  
  /* Share Your Ride 页面手机适配 */
  [data-template="page.share-your-ride"] > .shopify-section:first-child,
  [data-template="page.share-your-ride"] > .shopify-section:nth-child(2) {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }
  
  /* 所有页面通用手机样式 */
  [data-template="page.contact-us"],
  [data-template="page.become-a-dealer"],
  [data-template="page.share-your-ride"] {
    padding: 20px 0 !important;
  }
  
  /* 输入框手机适配 */
  [data-template="page.contact-us"] input,
  [data-template="page.contact-us"] textarea,
  [data-template="page.contact-us"] select,
  [data-template="page.become-a-dealer"] input,
  [data-template="page.become-a-dealer"] textarea,
  [data-template="page.become-a-dealer"] select,
  [data-template="page.share-your-ride"] input,
  [data-template="page.share-your-ride"] textarea,
  [data-template="page.share-your-ride"] select {
    width: 100% !important;
    font-size: 16px !important;
    padding: 14px 12px !important;
  }
  
  /* 提交按钮手机适配 */
  [data-template="page.contact-us"] [type="submit"],
  [data-template="page.become-a-dealer"] [type="submit"],
  [data-template="page.share-your-ride"] [type="submit"] {
    width: 100% !important;
    padding: 16px 20px !important;
    font-size: 18px !important;
  }
  
  /* 标题手机适配 */
  [data-template="page.contact-us"] h1,
  [data-template="page.become-a-dealer"] h1,
  [data-template="page.share-your-ride"] h1 {
    font-size: 24px !important;
    text-align: center !important;
    padding: 0 10px !important;
  }
  
  /* 文字内容手机适配 */
  [data-template="page.contact-us"] p,
  [data-template="page.become-a-dealer"] p,
  [data-template="page.share-your-ride"] p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    padding: 0 10px !important;
  }
}
/* 单独设置 Contact Us 页面文字居中对齐 */
[data-template="page.contact-us"] p {
  text-align: center !important;
}
/* 小屏幕手机优化 */
@media screen and (max-width: 480px) {
  [data-template="page.contact-us"],
  [data-template="page.become-a-dealer"],
  [data-template="page.share-your-ride"] {
    padding: 15px 0 !important;
  }
  
  [data-template="page.contact-us"] h1,
  [data-template="page.become-a-dealer"] h1,
  [data-template="page.share-your-ride"] h1 {
    font-size: 22px !important;
  }
  
  [data-template="page.contact-us"] input,
  [data-template="page.contact-us"] textarea,
  [data-template="page.contact-us"] select,
  [data-template="page.become-a-dealer"] input,
  [data-template="page.become-a-dealer"] textarea,
  [data-template="page.become-a-dealer"] select,
  [data-template="page.share-your-ride"] input,
  [data-template="page.share-your-ride"] textarea,
  [data-template="page.share-your-ride"] select {
    padding: 12px 10px !important;
  }
}