.elementor-8938 .elementor-element.elementor-element-18f37973{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS *//* ==========================================================================
   7Titanium Product Page – Breathing Layout v2.1
   Creates balanced spacing, hierarchy, and soft contrast
   ========================================================================== */
#ti1094t, .spb-scope {
  --bg: #0D1B2A;
  --bg-soft: #11253A;
  --paper: #FFFFFF;
  --accent: #3AA6FF;
  --text-light: #C7D7E5;     /* 主正文 - 柔和亮度 */
  --text-muted: #A2B4C5;     /* 次要文字 */
  --text-heading: #E7F1FA;   /* 标题色 */
  --text-dark: #0B1220;      /* 白卡片文字 */
  --text-subdark: #2A4256;
  --border: #1A334A;
  --radius: 18px;
  --shadow-soft: 0 10px 30px rgba(2, 10, 20, .15);
  --spacing-xl: 72px;
  --spacing-lg: 48px;
  --spacing-md: 24px;
  --spacing-sm: 16px;
}

#ti1094t, .spb-scope {
  background: var(--bg);
  color: var(--text-light);
  font-family: "Inter", "Segoe UI", Roboto, sans-serif;
  line-height: 1.75;
  letter-spacing: 0.1px;
}

/* ----------- GLOBAL STRUCTURE ----------- */
#ti1094t .wrap, .spb-scope .wrap {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 28px;
}

#ti1094t section, .spb-scope section {
  padding: var(--spacing-lg) 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
#ti1094t section:last-child, .spb-scope section:last-child {
  border-bottom: none;
  padding-bottom: var(--spacing-xl);
}

/* ----------- TYPOGRAPHY ----------- */
#ti1094t h1, #ti1094t h2, #ti1094t h3,
.spb-scope h1, .spb-scope h2, .spb-scope h3 {
  color: var(--text-heading);
  line-height: 1.2;
  margin-bottom: var(--spacing-sm);
}
#ti1094t h1 { font-size: 2.25rem; }
#ti1094t h2 { font-size: 1.6rem; margin-top: var(--spacing-lg); }
#ti1094t h3 { font-size: 1.25rem; }

#ti1094t p, .spb-scope p {
  color: var(--text-light);
  margin-bottom: var(--spacing-sm);
}
#ti1094t li { color: var(--text-light); }

/* ----------- GRID SYSTEM ----------- */
#ti1094t .grid-2, .spb-scope .grid-2 {
  display: grid;
  gap: var(--spacing-md);
  grid-template-columns: repeat(2, 1fr);
}
#ti1094t .grid-3, .spb-scope .grid-3 {
  display: grid;
  gap: var(--spacing-md);
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 900px) {
  #ti1094t .grid-2, #ti1094t .grid-3,
  .spb-scope .grid-2, .spb-scope .grid-3 {
    grid-template-columns: 1fr;
  }
}

/* ----------- HERO ----------- */
#ti1094t #hero, .spb-scope #hero {
  padding: var(--spacing-xl) 0 var(--spacing-lg);
}
#ti1094t #hero .layout, .spb-scope #hero .layout {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--spacing-lg);
  align-items: center;
}
#ti1094t #hero .media, .spb-scope #hero .media {
  background: var(--bg-soft);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
  border: 1px solid var(--border);
  max-width: 520px;
  margin: 0 auto;
}
#ti1094t #hero img { width: 100%; height: auto; display: block; }

@media (max-width: 900px) {
  #ti1094t #hero .layout { grid-template-columns: 1fr; text-align: center; }
}

/* ----------- CARDS ----------- */
#ti1094t .card, .spb-scope .card {
  background: var(--paper);
  border-radius: var(--radius);
  padding: var(--spacing-md);
  border: 1px solid #E5E9EE;
  color: var(--text-dark);
  box-shadow: var(--shadow-soft);
  transition: transform .25s ease, box-shadow .25s ease;
}
#ti1094t .card:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(2,10,20,.22); }
#ti1094t .card h3 { color: var(--text-dark); margin-bottom: 8px; }
#ti1094t .card p, #ti1094t .card li { color: var(--text-subdark); }

/* ----------- TABLES ----------- */
#ti1094t .table {
  background: var(--paper);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
  margin-top: var(--spacing-md);
}
#ti1094t .table table {
  width: 100%;
  border-collapse: collapse;
}
#ti1094t .table th, #ti1094t .table td {
  padding: 14px 16px;
  text-align: left;
  border-bottom: 1px solid #E8EDF3;
  color: var(--text-subdark);
}
#ti1094t .table th {
  background: #F4F8FB;
  color: #0F2B40;
}

/* ----------- BUTTONS ----------- */
#ti1094t .btn {
  background: var(--accent);
  color: #031524;
  border-radius: 12px;
  padding: 12px 20px;
  font-weight: 700;
  border: none;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  transition: all .25s ease;
}
#ti1094t .btn:hover { filter: brightness(1.1); transform: translateY(-2px); }
#ti1094t .btn--ghost {
  background: transparent;
  border: 1px solid var(--border);
  color: var(--text-heading);
}

/* ----------- FAQ ----------- */
#ti1094t #faq details {
  background: var(--paper);
  border: 1px solid #E7EEF4;
  border-radius: 12px;
  padding: var(--spacing-sm) var(--spacing-md);
  margin-bottom: var(--spacing-sm);
  color: var(--text-dark);
}
#ti1094t #faq summary {
  cursor: pointer;
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 6px;
}

/* ----------- SPACING BETWEEN SECTIONS ----------- */
#ti1094t section + section { margin-top: var(--spacing-xl); }

/* ----------- FOOTER CTA ----------- */
#ti1094t #rfq { text-align: center; }
#ti1094t #rfq h2 { margin-bottom: var(--spacing-md); }
#ti1094t #rfq p { color: var(--text-muted); margin-bottom: var(--spacing-md); }

/* ----------- MEDIA QUERY POLISH ----------- */
@media (max-width:640px){
  #ti1094t h1{font-size:1.75rem;}
  #ti1094t h2{font-size:1.35rem;}
  #ti1094t section{padding:var(--spacing-md) 0;}
}/* End custom CSS */