/* 本地询盘表单（外观对齐原站 iframe 表单：深蓝标题栏 + 左侧色条输入框 + 橙色按钮） */
.sn-inquiry { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); text-align: left; font-family: Arial, Helvetica, sans-serif; }
.sn-inquiry-title { background: #0c3a37; color: #fff; font-size: 16px; line-height: 55px; padding: 0 20px; }
.sn-inquiry-form { padding: 20px; }
.sn-inquiry-form input, .sn-inquiry-form textarea {
  display: block; width: 100%; box-sizing: border-box; margin: 0 0 10px; padding: 0 10px; height: 38px;
  border: 1px solid #e5e5e5; border-left: 3px solid #0c3a37; background: #fff; font-size: 13px; color: #333; outline: none;
}
.sn-inquiry-form textarea { height: 95px; padding-top: 10px; resize: vertical; }
.sn-inquiry-form input:focus, .sn-inquiry-form textarea:focus { border-color: #b7c9d3; border-left-color: #ff6d00; }
.sn-inquiry-form .sn-hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; }
.sn-inquiry-submit { display: block; width: 100%; height: 33px; margin-top: 14px; border: 0; background: #ff6d00; color: #fff; font-size: 14px; cursor: pointer; }
.sn-inquiry-submit:hover { background: #e86300; }
.sn-inquiry-submit[disabled] { opacity: .6; cursor: default; }
.sn-inquiry-msg { margin-top: 10px; font-size: 13px; min-height: 18px; }
.sn-inquiry-msg.ok { color: #2e7d32; }
.sn-inquiry-msg.error { color: #c62828; }
.inquiry-pop .sn-inquiry { max-height: 90vh; overflow: auto; }
#send-email.inquiry-form-wrap { height: auto !important; }
.sn-contact-form { padding-top: 0; }
.sn-empty { padding: 30px 0; color: #888; }
.sn-post-nav { list-style: none; padding: 0; } .sn-post-nav li { margin: 6px 0; }
.tag-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 16px; }
.category-intro { margin-bottom: 20px; }
.sn-404 { text-align: center; padding: 60px 0 80px; }
.sn-404 h1 { font-size: 80px; color: #0c3a37; margin-bottom: 10px; }
.sn-404 p { margin: 12px 0; }
.sn-404-search { margin-top: 20px; } .sn-404-search input { height: 36px; width: 260px; max-width: 70%; border: 1px solid #ddd; padding: 0 10px; }
.sn-404-search button { height: 36px; padding: 0 18px; background: #0c3a37; color: #fff; border: 0; cursor: pointer; }

/* 浮动留言面板（替代原站第三方在线客服 iframe，固定在右下角，可折叠） */
.sn-float-form.sn-hidden { display: none; }
.sn-float-form { position: fixed; right: 10px; bottom: 0; z-index: 99990; width: 300px; box-shadow: 0 0 10px rgba(0, 0, 0, .15); background: #fff; transition: transform .25s; }
.sn-float-toggle { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 40px; padding: 0 14px; border: 0; background: #0c3a37; color: #fff; font-size: 14px; cursor: pointer; text-align: left; }
.sn-float-toggle i { width: 8px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); margin-top: -4px; transition: transform .2s; }
.sn-float-form.collapsed .sn-float-toggle i { transform: rotate(-135deg); margin-top: 4px; }
.sn-float-form.collapsed .sn-float-body { display: none; }
.sn-float-body { max-height: calc(100vh - 60px); overflow: auto; }
.sn-float-body .sn-inquiry { box-shadow: none; }
.sn-float-body .sn-inquiry-title { display: none; }
.sn-float-body .sn-inquiry-form { padding: 12px; }
.sn-float-body .sn-inquiry-form textarea { height: 80px; }
@media (max-width: 768px) { .sn-float-form { width: auto; left: 10px; } .sn-float-form.collapsed { left: auto; width: 200px; } }

/* 产品询价单（RFQ） */
.sn-quote-btn { display: inline-block; vertical-align: top; box-sizing: border-box; margin-right: 15px; padding: 14px 35px; height: 58px; line-height: 28px; border-radius: 35px; background: #ff6d00; color: #fff !important; font-size: 14px; font-weight: 700; text-decoration: none; transition: background .2s; }
.sn-quote-btn:hover { background: #e86300; }
.sn-rfq { margin: 30px 0; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); scroll-margin-top: 90px; }
.sn-rfq-head { background: #0c3a37; color: #fff; padding: 18px 24px; }
.sn-rfq-title { margin: 0; font-size: 20px; line-height: 1.3; color: #fff; }
.sn-rfq-intro { margin: 6px 0 0; font-size: 13px; line-height: 1.5; opacity: .85; }
.sn-rfq-form { padding: 20px 24px 24px; }
.sn-rfq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 20px; }
.sn-rfq-field.wide { grid-column: 1 / -1; }
.sn-rfq-field label { display: block; margin-bottom: 5px; font-size: 13px; color: #333; font-weight: bold; }
.sn-rfq-field label em { color: #e53935; font-style: normal; }
.sn-rfq-hint { font-weight: normal; color: #888; font-size: 12px; }
.sn-rfq-field input, .sn-rfq-field select, .sn-rfq-field textarea {
  display: block; width: 100%; box-sizing: border-box; height: 40px; padding: 0 10px; font-size: 14px; color: #333;
  border: 1px solid #dcdcdc; border-left: 3px solid #0c3a37; background: #fff; outline: none; border-radius: 0; -webkit-appearance: none; appearance: none;
}
.sn-rfq-field select { background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E") no-repeat right 12px center; padding-right: 30px; }
.sn-rfq-field textarea { height: 100px; padding-top: 10px; resize: vertical; }
.sn-rfq-field input[type=file] { height: auto; padding: 8px 10px; border-left-color: #b7c9d3; }
.sn-rfq-field input:focus, .sn-rfq-field select:focus, .sn-rfq-field textarea:focus { border-color: #b7c9d3; border-left-color: #ff6d00; }
.sn-rfq-field .invalid { border-color: #e53935 !important; background-color: #fff6f6; }
.sn-rfq-submit { display: block; width: 100%; max-width: 320px; height: 44px; margin: 20px auto 0; border: 0; border-radius: 22px; background: #ff6d00; color: #fff; font-size: 16px; cursor: pointer; }
.sn-rfq-submit:hover { background: #e86300; }
.sn-rfq-submit[disabled] { opacity: .6; cursor: default; }
.sn-rfq-msg { margin-top: 12px; text-align: center; font-size: 14px; min-height: 20px; }
.sn-rfq-msg.ok { color: #2e7d32; font-weight: bold; }
.sn-rfq-msg.error { color: #c62828; }
.sn-rfq .sn-hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; }
@media (max-width: 768px) {
  .sn-rfq-grid { grid-template-columns: 1fr; }
  .sn-rfq-head, .sn-rfq-form { padding-left: 14px; padding-right: 14px; }
  .sn-rfq-field input, .sn-rfq-field select { height: 44px; font-size: 16px; }  /* 16px 防止 iOS 聚焦时自动放大 */
  .sn-quote-btn { display: block; text-align: center; margin: 0 0 10px; }
}

/* 图标字体：原主题设为 font-display: fallback，网速慢时字体超过约 3 秒没下载完，
   本页所有图标（导航下拉箭头、回到顶部、轮播箭头等）会一直显示成方框加编码（如 F1 76）。
   这里用相同的字体文件重新声明为 block：字体到达前图标先留空，到达后立即显示，不会变成方框 */
@font-face {
  font-family: 'fontawesome';
  src: url("/_ext/cdn.globalso.com/sngastank/style/global/fonts/Font-Awesome/fontawesome-webfont.woff2?v=4.5.0") format("woff2"),
       url("/_ext/cdn.globalso.com/sngastank/style/global/fonts/Font-Awesome/fontawesome-webfont.woff?v=4.5.0") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}