@charset "utf-8";



.syFaq2Col20260727 { --sy-primary: var(--gw-theme-color, #4A90D9); --sy-bg: #f8fafc; --sy-card-bg: #ffffff; --sy-text: #1e293b; --sy-text-secondary: #64748b; --sy-text-muted: #94a3b8; --sy-border: #e2e8f0; --sy-icon-bg: #eff6ff; --sy-radius: calc(12px * var(--gw-transform-scale, 1)); width: 100%; max-width: calc(1100px * var(--gw-transform-scale, 1)); margin: 0px auto; padding: calc(60px * var(--gw-transform-scale, 1)); background: var(--sy-bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; box-sizing: border-box; }



.syFaq2Col20260727 .sy-faq-header { text-align: center; margin-bottom: calc(48px * var(--gw-transform-scale, 1)); }



.syFaq2Col20260727 .sy-faq-badge { display: inline-block; font-size: calc(13px * var(--gw-transform-scale, 1)); font-weight: 500; color: var(--sy-primary); background: rgba(74, 144, 217, 0.08); padding: calc(6px * var(--gw-transform-scale, 1)) calc(18px * var(--gw-transform-scale, 1)); border-radius: calc(20px * var(--gw-transform-scale, 1)); margin-bottom: calc(20px * var(--gw-transform-scale, 1)); letter-spacing: calc(1px * var(--gw-transform-scale, 1)); }



.syFaq2Col20260727 .sy-faq-title { font-size: calc(32px * var(--gw-transform-scale, 1)); font-weight: 700; color: var(--sy-text); margin: 0 0 calc(12px * var(--gw-transform-scale, 1)); letter-spacing: calc(2px * var(--gw-transform-scale, 1)); }



.syFaq2Col20260727 .sy-faq-subtitle { font-size: calc(15px * var(--gw-transform-scale, 1)); color: var(--sy-text-secondary); margin: 0px; }



.syFaq2Col20260727 .sy-faq-tabs { display: flex; gap: calc(10px * var(--gw-transform-scale, 1)); overflow-x: auto; padding-bottom: calc(10px * var(--gw-transform-scale, 1)); margin-bottom: calc(32px * var(--gw-transform-scale, 1)); scrollbar-width: none; }



.syFaq2Col20260727 .sy-faq-tabs::-webkit-scrollbar { height: 0px; }



.syFaq2Col20260727 .sy-faq-tabs .tab-item { flex-shrink: 0; padding: calc(8px * var(--gw-transform-scale, 1)) calc(20px * var(--gw-transform-scale, 1)); border-radius: 999px; border: 1px solid var(--sy-border); background: rgb(255, 255, 255); font-size: calc(14px * var(--gw-transform-scale, 1)); cursor: pointer; transition: 0.25s; }



.syFaq2Col20260727 .sy-faq-tabs .tab-item.active { background: var(--sy-primary); color: rgb(255, 255, 255); border-color: var(--sy-primary); }



.syFaq2Col20260727 .sy-faq-tabs .tab-item:hover:not(.active) { background: rgba(74, 144, 217, 0.08); }



.syFaq2Col20260727 .sy-faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: calc(20px * var(--gw-transform-scale, 1)); }



.syFaq2Col20260727 .sy-faq-col { display: flex; flex-direction: column; gap: calc(16px * var(--gw-transform-scale, 1)); }



.syFaq2Col20260727 .sy-faq-item { background: var(--sy-card-bg); border: 1px solid var(--sy-border); border-radius: var(--sy-radius); overflow: hidden; transition: box-shadow 0.3s; }



.syFaq2Col20260727 .sy-faq-item:hover { box-shadow: 0 calc(4px * var(--gw-transform-scale, 1)) calc(16px * var(--gw-transform-scale, 1)) rgba(74, 144, 217, 0.06); }



.syFaq2Col20260727 .sy-faq-item.is-open { border-color: var(--sy-primary); box-shadow: 0 calc(4px * var(--gw-transform-scale, 1)) calc(20px * var(--gw-transform-scale, 1)) rgba(74, 144, 217, 0.1); }



.syFaq2Col20260727 .sy-faq-question { width: 100%; display: flex; align-items: center; gap: calc(12px * var(--gw-transform-scale, 1)); padding: calc(20px * var(--gw-transform-scale, 1)) calc(24px * var(--gw-transform-scale, 1)); background: transparent; border: none; cursor: pointer; text-align: left; font-family: inherit; transition: background 0.2s; }



.syFaq2Col20260727 .sy-faq-question:hover { background: rgba(74, 144, 217, 0.02); }



.syFaq2Col20260727 .sy-faq-q-icon { width: calc(28px * var(--gw-transform-scale, 1)); height: calc(28px * var(--gw-transform-scale, 1)); border-radius: calc(6px * var(--gw-transform-scale, 1)); background: var(--sy-icon-bg); color: var(--sy-primary); display: flex; align-items: center; justify-content: center; font-size: calc(12px * var(--gw-transform-scale, 1)); font-weight: 700; flex-shrink: 0; }



.syFaq2Col20260727 .sy-faq-q-text { flex: 1 1 0%; font-size: calc(15px * var(--gw-transform-scale, 1)); font-weight: 600; color: var(--sy-text); line-height: 1.5; }



.syFaq2Col20260727 .sy-faq-q-arrow { width: calc(22px * var(--gw-transform-scale, 1)); height: calc(22px * var(--gw-transform-scale, 1)); display: flex; align-items: center; justify-content: center; color: var(--sy-text-muted); transition: transform 0.3s, color 0.3s; flex-shrink: 0; }



.syFaq2Col20260727 .sy-faq-q-arrow svg { width: calc(16px * var(--gw-transform-scale, 1)); height: calc(16px * var(--gw-transform-scale, 1)); }



.syFaq2Col20260727 .sy-faq-item.is-open .sy-faq-q-arrow { transform: rotate(180deg); color: var(--sy-primary); }



.syFaq2Col20260727 .sy-faq-answer { max-height: 0px; overflow: hidden; transition: max-height 0.4s; }



.syFaq2Col20260727 .sy-faq-item.is-open .sy-faq-answer { max-height: 4000px; }



.syFaq2Col20260727 .sy-faq-answer-inner { display: flex; gap: calc(12px * var(--gw-transform-scale, 1)); padding-top: ; padding-right: ; padding-bottom: ; padding-left: calc(64px * var(--gw-transform-scale, 1)); }



.syFaq2Col20260727 .sy-faq-a-icon { width: calc(28px * var(--gw-transform-scale, 1)); height: calc(28px * var(--gw-transform-scale, 1)); border-radius: calc(6px * var(--gw-transform-scale, 1)); background: var(--sy-primary); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-size: calc(12px * var(--gw-transform-scale, 1)); font-weight: 700; flex-shrink: 0; margin-top: calc(2px * var(--gw-transform-scale, 1)); }



.syFaq2Col20260727 .sy-faq-answer-inner p { flex: 1 1 0%; margin: 0px; font-size: calc(13px * var(--gw-transform-scale, 1)); line-height: 1.8; color: var(--sy-text-secondary); }



@media (max-width: 768px) {

  .syFaq2Col20260727 { padding: calc(40px * var(--gw-transform-scale, 1)) calc(16px * var(--gw-transform-scale, 1)); }

  .syFaq2Col20260727 .sy-faq-title { font-size: calc(24px * var(--gw-transform-scale, 1)); }

  .syFaq2Col20260727 .sy-faq-grid { grid-template-columns: 1fr; gap: calc(16px * var(--gw-transform-scale, 1)); }

  .syFaq2Col20260727 .sy-faq-question { padding: calc(16px * var(--gw-transform-scale, 1)) calc(18px * var(--gw-transform-scale, 1)); gap: calc(10px * var(--gw-transform-scale, 1)); }

  .syFaq2Col20260727 .sy-faq-q-text { font-size: calc(14px * var(--gw-transform-scale, 1)); }

  .syFaq2Col20260727 .sy-faq-answer-inner { padding-top: ; padding-right: ; padding-bottom: ; padding-left: calc(56px * var(--gw-transform-scale, 1)); }

  .syFaq2Col20260727 .tab-item { font-size: calc(13px * var(--gw-transform-scale, 1)); padding: calc(6px * var(--gw-transform-scale, 1)) calc(16px * var(--gw-transform-scale, 1)); }

}