.channel_content { background: #f8fafc; min-height: 80vh; padding: 40px 0}.social-shere.sticky-widget { margin: 0 auto 30px; max-width: var(--max-width); padding: 0}.common_box { display: grid; gap: 24px; grid-template-columns: repeat(3, 1fr); margin: 0 auto; max-width: var(--max-width); padding: 0 20px}.common_box>div { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, .05); overflow: hidden; padding: 24px; position: relative; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.common_box>div:hover { box-shadow: 0 12px 25px rgba(0, 0, 0, .1); transform: translateY(-8px)}.common_box>div>a { color: #1e293b; display: block; font-size: 16px; font-weight: 500; padding-left: 12px; position: relative; text-decoration: none; transition: color 0.3s ease}.common_box>div>a:hover { color: var(--second-color)}.common_box>div>a:after { content: "→"; font-size: 14px; opacity: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.3s ease}.common_box>div:hover>a:after { opacity: 1; right: -10px}@media (max-width:768px) { .channel_content { padding: 30px 0 } .common_box { gap: 16px; grid-template-columns: 1fr; padding: 0 15px } .common_box>div { padding: 20px }}h1 { font-size: var(-title-font-size); line-height: 1.2; margin-top: 40px}h1,h2 { font-weight: 700}h2 { font-size: var(--subtitle-font-size); margin-top: 30px !important}.knowledge_container { background: #fff; color: #000; display: grid; gap: 40px; grid-template-columns: 1fr; text-align: left}.faq_q { font-size: var(--subtitle-font-size); font-weight: 700; margin: 25px 0 15px; padding-left: 20px; position: relative}.knowledge_container_right { background: #fff; border-radius: 12px; box-shadow: 0 6px 30px rgba(0, 0, 0, .1); padding: 25px; position: sticky; top: 20px}@media screen and (max-width:789px) { .content-header { padding: 0 !important } .knowledge_container { grid-template-columns: 1fr; padding: 20px; width: 100% }}.knowledge_product_title { font-size: 20px; font-weight: 700; margin-bottom: 10px; text-align: center; width: 100%}.img_2d { box-sizing: border-box; overflow: hidden; padding: 0 !important}.img_2d,.img_2d img,.img_3d { width: 100%}.img_3d { box-sizing: border-box; overflow: hidden; padding: 0 !important}.img_3d img { width: 100%}.knowledge_container_right table { background: #f8f9fa; border-collapse: collapse; font-size: 14px; table-layout: fixed; width: 100%}.knowledge_container_right table td { padding: 3px; vertical-align: top; white-space: normal; word-wrap: break-word; border: 1px solid #a2a9b1; word-break: break-word}.knowledge_container_right table td[colspan="2"] { background: #f8eaba; font-weight: 700; padding: 3px 0; text-align: center}.content-header table { width: 100%; border-collapse: collapse; margin: 15px 0; font-size: 14px; background: #fff;}.content-header table th,.content-header table td { border: 1px solid #dee2e6; padding: 10px 12px; vertical-align: top; word-wrap: break-word; word-break: break-word;}.content-header table th { background: #f8f9fa; font-weight: 600; text-align: left;}.content-header table tr:nth-child(even) td { background: #f8f9fa;}.content-header table caption { caption-side: bottom; font-size: 13px; color: #6c757d; padding-top: 8px; text-align: left;}