{"id":19740,"date":"2024-09-05T08:13:01","date_gmt":"2024-09-05T08:13:01","guid":{"rendered":"https:\/\/beststringer.com\/tennis-string-materials-history-natural-gut\/"},"modified":"2026-05-28T06:38:00","modified_gmt":"2026-05-28T06:38:00","slug":"tennis-string-materials-history-natural-gut","status":"publish","type":"post","link":"https:\/\/beststringer.com\/ms\/tennis-string-materials-history-natural-gut\/","title":{"rendered":"Sejarah Bahan Tali Tenis \u2014 Natural Gut"},"content":{"rendered":"
\n
\n
\n
\n
\n
\"Raket<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.1 Bahan Tali Raket Tenis<\/strong><\/h5>\n\n\n\n

Pengenalan kepada Natural Gut<\/mark> sebagai Tali Raket Tenis<\/mark><\/strong><\/h2>\n\n\n\n

Natural gut kekal sebagai salah satu bahan tali raket tenis yang paling dihormati dalam industri. Walaupun sintetik moden dan poliester menguasai sebahagian besar pasaran, natural gut masih menjadi tanda aras utama. Banyak tali moden direka asasnya untuk meniru gabungan unik keanjalan, keselesaan, dan kekalan paun (lbs) yang dimiliki natural gut.

Bagi pemain tenis, memahami natural gut membantu menjelaskan mengapa tetapan tali tertentu memberikan rasa yang berbeza. Bagi seorang Stringer profesional, menguasai pengendalian bahan halus ini adalah satu pencapaian yang membanggakan. Malah Stringer badminton dan juruteknik raket yang mengendalikan pelbagai sukan juga mendapat manfaat daripada memahami mengapa natural gut kekal sebagai rujukan penting, kerana ia mendalami logik bahan mereka secara keseluruhan.

Di Best Stringer Worldwide, kami percaya pengetahuan mengenai bahan adalah sangat kritikal. Panduan ini menjelaskan bagaimana natural gut berfungsi, mengapa ia mempunyai reputasi sejarah yang kuat, bagaimana ia dibandingkan dengan bahan sintetik biasa, dan mengapa kedua-dua pemain serta Stringer Bertauliah Antarabangsa mesti memahami kekuatan dan had praktikalnya.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Pendidik<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.2 Warisan Tali Natural Gut<\/strong><\/h5>\n\n\n\n

Mengapa Natural Gut Menjadi Tanda Aras Sejarah<\/mark> dan Prestasi<\/mark><\/strong><\/h2>\n\n\n\n

Selama lebih satu abad, natural gut telah menjadi tanda aras dalam pasang tali raket tenis. Ia membina reputasi sejarah yang besar kerana, sebelum kemajuan bahan sintetik dan poliester yang kompleks, tiada bahan lain yang mampu memberikan tahap kebolehmainan yang sama. Malah pada hari ini, apabila pengeluar tali membangunkan multifilamen premium baharu, pemasaran mereka hampir selalu mendakwa ia “mempunyai rasa paling hampir dengan natural gut.”

Sebab di sebalik warisan berterusan ini adalah mudah: natural gut memiliki struktur gentian dalaman unik yang mengekalkan kekalan paun dengan sangat baik sambil kekal lembut ketika hentakan. Ini memberikan penyerapan kejutan dan pulangan kuasa yang luar biasa. Walaupun poliester yang lebih keras menguasai kejohanan profesional untuk putaran (spin) dan kawalan, natural gut masih sering dilihat, kebanyakannya digunakan dalam tetapan tali hibrid untuk menambah keselesaan dan rasa kepada tapak tali yang sebaliknya agak kaku.

Membincangkan natural gut bukan sekadar mengenai sejarah; ia adalah bahagian penting dalam pendidikan pasang tali raket tenis moden. Memahami mengapa ia berfungsi sedemikian memberikan anda titik permulaan yang jauh lebih jelas untuk menilai prestasi setiap tali sintetik lain di pasaran.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Pemain<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.3 Apa Itu Natural Gut & Bagaimana Ia Dihasilkan?<\/strong><\/h5>\n\n\n\n

Memahami Bahan<\/mark> dan Proses Pembuatan<\/mark><\/strong><\/h2>\n\n\n\n

Untuk benar-benar menghargai natural gut, anda perlu memahami apa sebenarnya bahan ini. Secara sejarah, orang memanggilnya “catgut,” yang telah mencetuskan kekeliruan yang besar. Dalam dunia pasang tali raket tenis moden, natural gut premium dihasilkan hampir secara eksklusif daripada lapisan serosa usus lembu. Lapisan khusus ini dipilih kerana ia sangat anjal dan cukup kuat untuk menahan hentakan berkelajuan tinggi.

Proses pembuatan tali natural gut adalah sangat rumit, melibatkan banyak tenaga kerja, dan amat khusus. Ia merangkumi pembersihan bahan mentah dengan teliti, memotongnya menjadi reben, merawatnya secara kimia untuk memelihara gentian, dan memutar reben-reben ini bersama-sama selama beberapa hari dalam persekitaran terkawal. Tali tersebut kemudian mesti dikeringkan secara perlahan-lahan untuk memastikan gentian kolagen melekat dengan betul.

Ketukangan intensif ini membantu menjelaskan bukan sahaja prestasi yang luar biasa tetapi juga kosnya yang tinggi. Tidak seperti gut sintetik atau poliester, yang dihasilkan dengan cepat oleh mesin dalam kuantiti yang banyak, natural gut menuntut kesabaran dan pengendalian bahan organik. Hasilnya adalah matriks gentian semula jadi yang menyerap hentakan bola jauh lebih baik berbanding mana-mana setara sintetik.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Stringer<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.4 Memahami Keanjalan Tali<\/strong><\/h5>\n\n\n\n

Bagaimana Keanjalan<\/mark> Memacu Rasa dan Pulangan Kuasa<\/mark><\/strong><\/h2>\n\n\n\n

Natural gut sangat dinilai kerana keanjalannya yang luar biasa, yang diterjemahkan terus kepada pulangan kuasa dan rasa bola. Memahami cara ia berfungsi adalah penting bagi semua peringkat:<\/p>\n\n\n\n

Pulangan Kuasa Unggul.<\/strong> Kerana gentian organik ini meregang dan kembali ke keadaan asal dengan kehilangan tenaga yang sangat minimum, natural gut bertindak seperti trampolin yang sangat cekap. Ia memberikan kedalaman pukulan dan kuasa yang mudah berbanding tali kaku yang menyerap tenaga pukulan bola.<\/p>\n\n\n\n

Keselesaan Luar Biasa.<\/strong> Keanjalan yang sama juga bermakna natural gut menyerap hentakan dengan sangat cemerlang. Bagi pemain yang mengalami masalah *tennis elbow* atau keletihan lengan, natural gut menawarkan rasa paling selesa ketika pukulan berbanding sebarang bahan tali di pasaran.<\/p>\n\n\n\n

Kekalan Paun.<\/strong> Tidak seperti banyak bahan sintetik yang cepat merenggang dan hilang kekerasan asalnya, natural gut mengekalkan paun (lbs) dengan sangat baik sehinggalah saat ia putus. Seorang Stringer profesional selalunya akan mengesyorkannya kepada pemain yang mahu raket mereka terasa sama pada hari ketiga puluh sepertimana pada hari pertama.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Stringer<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.5 Had Praktikal & Kekurangan<\/strong><\/h5>\n\n\n\n

Mengapa Natural Gut Tidak Semestinya<\/mark> Pilihan Terbaik untuk Semua<\/mark><\/strong><\/h2>\n\n\n\n

Kekurangan 1: Kos yang Tinggi.<\/strong>
Oleh kerana proses pembuatannya yang kompleks, natural gut adalah tali tenis yang paling mahal. Mencadangkannya kepada pemain yang kerap memutuskan tali akibat pukulan *topspin* yang berat seringkali kurang praktikal untuk bajet mereka.<\/p>\n\n\n\n

Kekurangan 2: Sensitiviti Kepada Cuaca dan Kelembapan.<\/strong>
Walaupun salutan moden telah meningkat dengan mendadak, natural gut tetap merupakan bahan organik. Ia lebih terdedah kepada kelembapan udara, perubahan suhu ekstrem, dan wap air berbanding gut sintetik atau poliester, yang boleh menjejaskan jangka hayat dan rasanya.<\/p>\n\n\n\n

Kekurangan 3: Cepat Putus Akibat Geseran.<\/strong>
Natural gut sangat berdaya tahan terhadap hentakan langsung, namun ia mudah terjejas di bawah geseran silang. Pemain lanjutan yang memukul dengan *topspin* tinggi sering kali akan ‘memotong’ melalui gentian semula jadi dengan cepat. Inilah sebab mengapa banyak pemain menggunakan gabungan hibrid natural gut bersama poliester yang lebih tahan lama untuk mengimbangi kos, kawalan, dan keselesaan.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Stringer<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.6 Seni Pasang Tali Raket Natural Gut<\/strong><\/h5>\n\n\n\n

Mengapa Bahan Premium Memerlukan Kemahiran Stringer<\/mark> yang Tinggi<\/mark><\/strong><\/h2>\n\n\n\n

Bekerja dengan natural gut benar-benar menguji disiplin dan sentuhan halus seorang Stringer. Ia menuntut teknik yang tepat yang mungkin tidak diperlukan semasa memasang tali sintetik yang lebih lasak:<\/p>\n\n\n\n

Pengendalian dan Membuka Gelungan.<\/strong> Natural gut sangat mudah terlipat secara salah (kinking). Jika tali terlipat tajam semasa membuka gelungan atau semasa pemasangan, gentian dalaman akan patah, menyebabkan tali tersebut putus sebelum masanya. Stringer mesti membuka gulungan tali dengan berhati-hati dan melindunginya dari sebarang lipatan tajam.<\/p>\n\n\n\n

Kepentingan Pra-Regang.<\/strong> Konsep pra-regang selalu dibincangkan apabila memasang tali natural gut. Melakukan regangan ringan membuang memori gegelung asal, menjadikannya lebih mudah untuk dianyam, dan membantu menstabilkan keanjalannya supaya ia memberikan konsistensi rasa dari pukulan pertama lagi.<\/p>\n\n\n\n

Pengurusan Geseran.<\/strong> Semasa menganyam tali silang, menarik tali natural gut terlalu laju ke atas tali utama akan mewujudkan lecuran haba akibat geseran. Stringer mesti menganyam dan menarik kelajuan tarik perlahan-lahan untuk mencegah kerosakan pada salutan pelindung tali. Simpulan (knot) juga harus diikat dengan tekanan yang halus dan terkawal.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Stringer<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.7 Masa Depan Pemasangan Tali Tenis<\/strong><\/h5>\n\n\n\n

Nilai Pensijilan Stringer Bertauliah Antarabangsa<\/mark> dan Pengetahuan Bahan<\/strong><\/h2>\n\n\n\n

Memahami natural gut menambah baik pengetahuan pasang tali raket secara menyeluruh, walaupun seorang Stringer profesional itu lebih kerap memasang poliester dalam tugas harian. Pendidikan bahan yang betul adalah bahagian teras dalam kursus pasang tali raket berkualiti tinggi dan standard pertauliahan Stringer yang dihormati.<\/p>\n\n\n\n

Di Best Stringer Worldwide, kami percaya bahawa setiap Stringer mesti memahami sains di sebalik bahan tali tenis premium. Rahsia utama bukan sekadar pandai mengendalikan mesin stringing, tetapi juga menggunakan logik rundingan yang tepat untuk memadankan keperluan pemain dengan bahan yang bersesuaian mengetahui bila tetapan hibrid natural gut lebih berbaloi dan bila tali sintetik praktikal lebih pintar.<\/p>\n\n\n\n

Dengan mengutamakan pengendalian yang cermat, kesedaran terhadap penjagaan kekalan paun, dan nasihat ikhlas kepada pemain, pensijilan Stringer kami memastikan setiap juruteknik yakin dalam mengendalikan bahan yang paling mencabar. Ini membina kepercayaan pelanggan, mengelakkan kesilapan pengendalian yang merugikan, dan menaikkan standard kualiti dalam profesion ini.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n\n

Soalan Lazim (FAQ)<\/mark> Pantas<\/mark> Natural Gut<\/h2>\n\n\n\n

Jawapan ringkas dan jelas kepada persoalan biasa mengenai tali tenis natural gut.<\/p>\n\n\n

\n
\n\n

Apakah itu natural gut<\/mark> dalam pemasangan tali raket?<\/h3>\n\n\n\n

Natural gut adalah bahan tali tenis premium yang dihasilkan terutamanya daripada lapisan serosa usus lembu yang sangat anjal. Ia dihormati kerana rasanya yang tidak tertandingi, pulangan kuasa yang hebat, dan kestabilan paun berbanding tali sintetik.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Mengapa natural gut sangat dipandang tinggi<\/mark>?<\/h3>\n\n\n\n

Ia kekal sebagai standard emas kerana gentian organiknya memberikan keanjalan dan penyerapan hentakan yang luar biasa. Ini memberi pemain keselesaan yang selesa, kuasa yang mudah, dan rasa ‘crisp’ yang tali bahan sintetik masih gagal meniru dengan sempurna.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Adakah natural gut masih relevan<\/mark> dalam tenis moden?<\/h3>\n\n\n\n

Semestinya. Walaupun poliester menguasai tapak tali penuh (full-bed) dalam jelajah tenis profesional, natural gut masih digunakan secara meluas dalam tetapan hibrid (mencampurkannya dengan poli) untuk menambah keselesaan, kuasa, dan rasa dalam permainan spin moden yang berat.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Bagaimana natural gut dibandingkan dengan poliester<\/mark>?<\/h3>\n\n\n\n

Poliester agak kaku, sangat tahan lasak terhadap geseran, dan menawarkan kawalan maksimum untuk pemukul topspin. Natural gut pula sangat lembut, menawarkan pulangan kuasa superior, mengekalkan paun lebih lama, dan memberikan perlindungan maksimum untuk lengan.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Apakah tetapan hibrid natural gut<\/mark>?<\/h3>\n\n\n\n

Sebuah tetapan hibrid menggunakan natural gut sama ada pada tali utama atau silang, dan digabungkan dengan tali sintetik (biasanya poliester) untuk bahagian yang lain. Ini menggabungkan ketahanan geseran yang tinggi daripada poli bersama keselesaan dan kuasa daripada natural gut.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Mengapa natural gut lebih sukar dipasang<\/mark>?<\/h3>\n\n\n\n

Kerana ia adalah bahan organik yang sensitif, sebarang bengkokan tajam, tarikan laju, atau ralat pengendalian boleh melipatkan tali atau menyebabkan kerosakan geseran. Ini memecahkan gentian dalaman dan menyebabkannya putus lebih awal. Ia perlukan disiplin dan sentuhan yang cermat.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Mengapa Stringer Bertauliah Antarabangsa mesti memahami natural gut<\/mark>?<\/h3>\n\n\n\n

Walaupun kebanyakan pelanggan hanya memakai tali sintetik biasa, natural gut merupakan garis asas dalam keanjalan tali dan pergerakan paun (lbs). Seorang Stringer profesional menggunakan pengetahuan ini untuk menilai sifat tali sintetik lain dengan lebih tepat sebelum mencadangkan kepada pelanggan.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Adakah kursus pasang tali raket diperlukan untuk gut<\/mark>?<\/h3>\n\n\n\n

Ya. Pensijilan stringer yang tulen akan mengajar teknik teliti yang sangat diperlukan untuk mengendalikan bahan premium sepertinya melakukan pra-regang yang betul, membuka gegelung, serta menganyam secara perlahan-lahan untuk mencegah kerosakan kos tinggi.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Adakah natural gut pilihan terbaik<\/mark> untuk pemain baharu?<\/h3>\n\n\n\n

Tidak semestinya. Walaupun teramat selesa, kos yang sangat tinggi menjadikannya kurang praktikal bagi pemain yang masih belajar teknik. Tali multifilamen atau synthetic gut yang baik biasanya menjadi titik permulaan lebih pintar untuk pemain baru berkembang.<\/p>\n\n<\/div><\/div>\n<\/div>\n\n

\n\n

Mekanik Keanjalan: Mengapa Natural Gut Penting<\/mark><\/h2>\n\n\n\n\n\n\n \n \n BSW Natural Gut Friction Management Simulator<\/title>\n<\/head>\n<body>\n\n<div class=\"bsw-edu-module\" id=\"bsw-friction-simulator\">\n <style>\n \/* =========================================================\n BSW BRAND & MODULE CSS VARIABLES\n ========================================================= *\/\n .bsw-edu-module {\n --bsw-blue: #3249A4;\n --bsw-deep-blue: #203A8F;\n --bsw-green: #37BA2B;\n --bsw-white: #FFFFFF;\n --bsw-bg-tint: #EEF3FF;\n --bsw-bg-green: #EDF9EC;\n --bsw-border: #E9EEF5;\n --bsw-text-main: #203A8F;\n --bsw-text-sec: #4E5F8A;\n --bsw-red: #E5484D;\n --bsw-orange: #F59E0B;\n --bsw-gold: #FBBF24;\n \n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n background-color: var(--bsw-white);\n max-width: 1100px;\n margin: 2rem auto;\n border-radius: 16px;\n border: 1px solid var(--bsw-border);\n box-shadow: 0 12px 36px rgba(32, 58, 143, 0.08);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n line-height: 1.5;\n }\n\n .bsw-edu-module *, .bsw-edu-module *::before, .bsw-edu-module *::after {\n box-sizing: inherit;\n }\n\n \/* =========================================================\n LAYOUT & HEADER\n ========================================================= *\/\n .bsw-edu-header {\n text-align: center;\n padding: 2.5rem 1.5rem 1.5rem;\n background: linear-gradient(180deg, var(--bsw-bg-tint) 0%, var(--bsw-white) 100%);\n border-bottom: 1px solid var(--bsw-border);\n }\n\n .bsw-edu-title {\n color: var(--bsw-deep-blue);\n font-size: clamp(1.5rem, 3vw, 2rem);\n font-weight: 800;\n margin: 0 0 0.5rem 0;\n letter-spacing: -0.02em;\n }\n\n .bsw-edu-subtitle {\n color: var(--bsw-text-sec);\n font-size: clamp(1rem, 1.5vw, 1.125rem);\n max-width: 750px;\n margin: 0 auto;\n }\n\n .bsw-edu-body {\n display: flex;\n flex-direction: column;\n padding: 2rem;\n gap: 2rem;\n }\n\n @media (min-width: 900px) {\n .bsw-edu-body {\n flex-direction: row;\n align-items: flex-start;\n }\n }\n\n \/* =========================================================\n SIDEBAR & CONTROLS\n ========================================================= *\/\n .bsw-edu-sidebar {\n flex: 1;\n min-width: 320px;\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n .bsw-mode-selector {\n display: flex;\n background: var(--bsw-bg-tint);\n border-radius: 12px;\n padding: 0.375rem;\n gap: 0.375rem;\n }\n\n .bsw-mode-btn {\n flex: 1;\n background: transparent;\n border: none;\n padding: 0.875rem 0.5rem;\n border-radius: 8px;\n font-size: 0.95rem;\n font-weight: 700;\n color: var(--bsw-text-sec);\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .bsw-mode-btn[aria-selected=\"true\"] {\n background: var(--bsw-white);\n color: var(--bsw-blue);\n box-shadow: 0 4px 12px rgba(32, 58, 143, 0.1);\n }\n\n .bsw-edu-explanation {\n background: var(--bsw-white);\n border: 1px solid var(--bsw-border);\n border-radius: 12px;\n padding: 1.5rem;\n box-shadow: 0 4px 16px rgba(0,0,0,0.03);\n }\n\n .bsw-exp-title {\n color: var(--bsw-deep-blue);\n font-size: 1.25rem;\n font-weight: 800;\n margin: 0 0 1rem 0;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .bsw-edu-module[data-mode=\"slow\"] .bsw-exp-title { color: var(--bsw-green); }\n .bsw-edu-module[data-mode=\"fast\"] .bsw-exp-title { color: var(--bsw-red); }\n\n .bsw-exp-text {\n color: var(--bsw-text-sec);\n font-size: 1rem;\n margin: 0 0 1.25rem 0;\n line-height: 1.6;\n }\n\n .bsw-data-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.75rem 0;\n border-top: 1px solid var(--bsw-border);\n font-size: 0.9rem;\n font-weight: 600;\n }\n\n .bsw-data-label { color: var(--bsw-text-sec); width: 130px; }\n \n .bsw-metric-bar {\n flex: 1;\n height: 8px;\n background: var(--bsw-border);\n border-radius: 4px;\n margin-left: 1rem;\n overflow: hidden;\n }\n \n .bsw-metric-fill {\n height: 100%;\n border-radius: 4px;\n transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.4s ease;\n }\n\n \/* =========================================================\n SVG SCENE CONTAINER\n ========================================================= *\/\n .bsw-edu-scene {\n flex: 2;\n position: relative;\n background: #FAFCFF;\n border-radius: 16px;\n border: 1px solid var(--bsw-border);\n overflow: hidden;\n aspect-ratio: 16 \/ 11;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: inset 0 0 40px rgba(32, 58, 143, 0.03);\n }\n\n .bsw-svg-canvas {\n width: 100%;\n height: 100%;\n display: block;\n }\n\n \/* =========================================================\n SVG ELEMENTS & GRAPHICS\n ========================================================= *\/\n \n \/* Main Strings (Vertical) *\/\n .bsw-string-main {\n fill: none;\n stroke: #94A3B8;\n stroke-width: 16;\n stroke-linecap: round;\n }\n .bsw-string-main-shadow {\n fill: none;\n stroke: rgba(0,0,0,0.1);\n stroke-width: 16;\n stroke-linecap: round;\n transform: translate(3px, 3px);\n }\n\n \/* Cross String (Natural Gut) *\/\n .bsw-string-cross-base {\n fill: none;\n stroke: var(--bsw-gold);\n stroke-width: 18;\n stroke-linecap: round;\n }\n \n \/* The texture simulates the string sliding through the mains *\/\n .bsw-string-cross-texture {\n fill: none;\n stroke: #B45309;\n stroke-width: 18;\n stroke-linecap: round;\n stroke-dasharray: 4 24;\n opacity: 0.5;\n }\n\n \/* Clamp *\/\n .bsw-clamp-group {\n transform: translateX(0);\n }\n .bsw-clamp-body { fill: #334155; }\n .bsw-clamp-jaw { fill: #64748B; }\n .bsw-clamp-arm { fill: #94A3B8; stroke: #CBD5E1; stroke-width: 4; }\n\n \/* Friction Burn \/ Fraying *\/\n .bsw-fray-marks {\n opacity: 0;\n }\n .bsw-fray-hair {\n fill: none;\n stroke: #FDBA74;\n stroke-width: 2;\n stroke-linecap: round;\n }\n .bsw-fray-scorch {\n fill: none;\n stroke: #78350F;\n stroke-width: 18;\n stroke-linecap: round;\n opacity: 0.4;\n }\n\n \/* Glow Effects *\/\n .bsw-heat-glow {\n fill: url(#heatGradient);\n opacity: 0;\n transform-origin: center;\n }\n .bsw-safe-glow {\n fill: url(#safeGradient);\n opacity: 0;\n transform-origin: center;\n }\n\n \/* Text Overlays *\/\n .bsw-status-text {\n font-family: inherit;\n font-size: 20px;\n font-weight: 800;\n text-anchor: middle;\n opacity: 0;\n pointer-events: none;\n filter: drop-shadow(0 2px 4px rgba(255,255,255,0.9));\n }\n .bsw-text-danger { fill: var(--bsw-red); }\n .bsw-text-safe { fill: var(--bsw-green); }\n\n \/* Hotspots *\/\n .bsw-hotspot-zone { fill: transparent; cursor: pointer; }\n .bsw-hotspot-ring {\n fill: none;\n stroke: var(--bsw-deep-blue);\n stroke-width: 3;\n stroke-dasharray: 6 6;\n opacity: 0.3;\n transition: all 0.3s ease;\n transform-origin: center;\n }\n .bsw-hotspot-zone:hover + .bsw-hotspot-ring,\n .bsw-hotspot-zone:focus + .bsw-hotspot-ring {\n opacity: 1;\n stroke-dasharray: none;\n stroke-width: 4;\n transform: scale(1.1);\n }\n\n \/* SVG Action Button *\/\n .bsw-action-btn-group { cursor: pointer; }\n .bsw-action-btn-bg {\n fill: var(--bsw-deep-blue);\n transition: all 0.2s ease;\n }\n .bsw-action-btn-group:hover .bsw-action-btn-bg {\n fill: var(--bsw-blue);\n transform: scale(1.02);\n transform-origin: center;\n }\n .bsw-action-btn-group:active .bsw-action-btn-bg { transform: scale(0.98); }\n .bsw-action-btn-text {\n fill: var(--bsw-white);\n font-family: inherit;\n font-size: 16px;\n font-weight: 700;\n text-anchor: middle;\n pointer-events: none;\n }\n\n \/* Information Callout Tooltip *\/\n .bsw-info-tooltip {\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n }\n .bsw-info-bg {\n fill: var(--bsw-white);\n stroke: var(--bsw-border);\n stroke-width: 2;\n rx: 8;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,0.08));\n }\n .bsw-info-title {\n font-family: inherit;\n font-size: 14px;\n font-weight: 800;\n fill: var(--bsw-deep-blue);\n }\n .bsw-info-desc {\n font-family: inherit;\n font-size: 13px;\n fill: var(--bsw-text-sec);\n }\n\n \/* Display Tooltip Logic *\/\n .show-hs-intersect .bsw-info-intersect { opacity: 1; }\n .show-hs-string .bsw-info-string { opacity: 1; }\n .show-hs-clamp .bsw-info-clamp { opacity: 1; }\n\n \/* =========================================================\n ANIMATION KEYFRAMES & STATES\n ========================================================= *\/\n\n \/* --- SLOW & CONTROLLED WEAVE --- *\/\n .bsw-edu-module[data-mode=\"slow\"].is-playing .bsw-string-cross-texture { \n animation: pullString 3.5s linear forwards; \n }\n .bsw-edu-module[data-mode=\"slow\"].is-playing .bsw-clamp-group { \n animation: clampMove 3.5s linear forwards; \n }\n .bsw-edu-module[data-mode=\"slow\"].is-playing .bsw-safe-glow { \n animation: safePulse 3.5s ease-in-out forwards; \n }\n .bsw-edu-module[data-mode=\"slow\"].is-playing .bsw-status-text.bsw-text-safe { \n animation: floatUp 3.5s ease-out forwards; \n }\n\n \/* --- FAST & UNCONTROLLED PULL --- *\/\n .bsw-edu-module[data-mode=\"fast\"].is-playing .bsw-string-cross-texture { \n animation: pullString 0.6s ease-in forwards; \n }\n .bsw-edu-module[data-mode=\"fast\"].is-playing .bsw-clamp-group { \n animation: clampMove 0.6s ease-in forwards; \n }\n .bsw-edu-module[data-mode=\"fast\"].is-playing .bsw-heat-glow { \n animation: heatPulse 0.8s ease-out forwards; \n }\n .bsw-edu-module[data-mode=\"fast\"].is-playing .bsw-status-text.bsw-text-danger { \n animation: floatUpBurst 2s ease-out forwards; \n }\n .bsw-edu-module[data-mode=\"fast\"].is-playing .bsw-fray-marks { \n animation: showFray 2s forwards; \n }\n\n \/* Permanently keep fray marks if the last action was 'fast' *\/\n .bsw-edu-module[data-mode=\"fast\"].is-damaged .bsw-fray-marks {\n opacity: 1;\n }\n\n \/* Keyframes *\/\n @keyframes pullString {\n from { stroke-dashoffset: 0; }\n to { stroke-dashoffset: -120; }\n }\n @keyframes clampMove {\n from { transform: translateX(0); }\n to { transform: translateX(50px); }\n }\n @keyframes safePulse {\n 0% { opacity: 0; transform: scale(0.8); }\n 20% { opacity: 0.6; transform: scale(1.2); }\n 80% { opacity: 0.6; transform: scale(1.2); }\n 100% { opacity: 0; transform: scale(1.5); }\n }\n @keyframes heatPulse {\n 0% { opacity: 0; transform: scale(0.5); }\n 30% { opacity: 0.9; transform: scale(1.5); }\n 100% { opacity: 0; transform: scale(2.5); }\n }\n @keyframes floatUp {\n 0% { opacity: 0; transform: translateY(10px); }\n 20% { opacity: 1; transform: translateY(-10px); }\n 80% { opacity: 1; transform: translateY(-20px); }\n 100% { opacity: 0; transform: translateY(-30px); }\n }\n @keyframes floatUpBurst {\n 0% { opacity: 0; transform: translateY(10px) scale(0.8); }\n 15% { opacity: 1; transform: translateY(-15px) scale(1.1); }\n 25% { opacity: 1; transform: translateY(-12px) scale(1); }\n 80% { opacity: 1; transform: translateY(-25px); }\n 100% { opacity: 0; transform: translateY(-40px); }\n }\n @keyframes showFray {\n 0%, 50% { opacity: 0; }\n 100% { opacity: 1; }\n }\n\n \/* Accessibility & Responsive *\/\n @media (prefers-reduced-motion: reduce) {\n .bsw-edu-module *, .bsw-edu-module *::before, .bsw-edu-module *::after {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n @media (max-width: 600px) {\n .bsw-edu-body { padding: 1.25rem; gap: 1.5rem; }\n .bsw-action-btn-bg { rx: 24; height: 48px; y: 460; x: 250; width: 400;}\n .bsw-action-btn-text { font-size: 20px; y: 492; x: 450; }\n .bsw-edu-scene { aspect-ratio: 1 \/ 1; }\n .bsw-data-label { width: 100px; font-size: 0.8rem; }\n .bsw-info-bg { width: 300px; }\n }\n <\/style>\n\n <div class=\"bsw-edu-header\">\n <h3 class=\"bsw-edu-title\">Seni Pemasangan Tali Raket Natural Gut<\/h3>\n <p class=\"bsw-edu-subtitle\">Natural gut sangat tahan lasak kepada hentakan langsung, tetapi mudah rosak akibat geseran ekstrem. Sentuh titik (hotspot) untuk memeriksa kualiti, dan pilih kelajuan anyaman untuk simulasikan haba geseran.<\/p>\n <\/div>\n\n <div class=\"bsw-edu-body\">\n \n <!-- SVG Scene (The Visual Teacher) -->\n <div class=\"bsw-edu-scene\">\n <svg class=\"bsw-svg-canvas\" viewBox=\"0 0 900 600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"Simulasi interaktif geseran tali raket\">\n <defs>\n <radialGradient id=\"heatGradient\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#E5484D\" stop-opacity=\"0.9\"\/>\n <stop offset=\"50%\" stop-color=\"#F59E0B\" stop-opacity=\"0.6\"\/>\n <stop offset=\"100%\" stop-color=\"#F59E0B\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <radialGradient id=\"safeGradient\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#37BA2B\" stop-opacity=\"0.8\"\/>\n <stop offset=\"100%\" stop-color=\"#37BA2B\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <\/defs>\n\n <!-- Background Elements -->\n <!-- Frame Edge -->\n <path d=\"M 50 100 Q 80 300 50 500\" fill=\"none\" stroke=\"#CBD5E1\" stroke-width=\"24\" stroke-linecap=\"round\"\/>\n <path d=\"M 50 100 Q 80 300 50 500\" fill=\"none\" stroke=\"#94A3B8\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\n\n <!-- Layer 1: Vertical Mains (Behind) -->\n <!-- Main 1 -->\n <path class=\"bsw-string-main-shadow\" d=\"M 250 150 L 250 450\" \/>\n <path class=\"bsw-string-main\" d=\"M 250 150 L 250 450\" \/>\n <!-- Main 3 -->\n <path class=\"bsw-string-main-shadow\" d=\"M 650 150 L 650 450\" \/>\n <path class=\"bsw-string-main\" d=\"M 650 150 L 650 450\" \/>\n\n <!-- Layer 2: Horizontal Cross String (Natural Gut) -->\n <g class=\"bsw-string-cross-group\">\n <path class=\"bsw-string-cross-base\" d=\"M 60 300 L 800 300\" \/>\n <!-- Texture that animates to simulate pulling -->\n <path class=\"bsw-string-cross-texture\" d=\"M 60 300 L 800 300\" \/>\n \n <!-- Friction Burn Scorch Marks (Hidden initially) -->\n <g class=\"bsw-fray-marks\">\n <path class=\"bsw-fray-scorch\" d=\"M 230 300 L 270 300\" \/>\n <path class=\"bsw-fray-scorch\" d=\"M 430 300 L 470 300\" \/>\n <path class=\"bsw-fray-scorch\" d=\"M 630 300 L 670 300\" \/>\n \n <!-- Fray Hairs Intersection 1 -->\n <path class=\"bsw-fray-hair\" d=\"M 240 290 Q 250 280 235 285\" \/>\n <path class=\"bsw-fray-hair\" d=\"M 260 310 Q 265 320 275 315\" \/>\n \n <!-- Fray Hairs Intersection 2 -->\n <path class=\"bsw-fray-hair\" d=\"M 445 290 Q 435 280 455 285\" \/>\n <path class=\"bsw-fray-hair\" d=\"M 450 310 Q 460 325 440 315\" \/>\n\n <!-- Fray Hairs Intersection 3 -->\n <path class=\"bsw-fray-hair\" d=\"M 640 290 Q 645 275 630 285\" \/>\n <path class=\"bsw-fray-hair\" d=\"M 660 310 Q 670 320 655 315\" \/>\n <\/g>\n <\/g>\n\n <!-- Layer 3: Vertical Mains (In Front - creates the weave effect) -->\n <!-- Main 2 goes OVER the cross string -->\n <path class=\"bsw-string-main-shadow\" d=\"M 450 150 L 450 450\" \/>\n <path class=\"bsw-string-main\" d=\"M 450 150 L 450 450\" \/>\n\n <!-- Glow Effects at Intersections -->\n <g transform=\"translate(250, 300)\">\n <circle class=\"bsw-heat-glow\" cx=\"0\" cy=\"0\" r=\"40\" \/>\n <circle class=\"bsw-safe-glow\" cx=\"0\" cy=\"0\" r=\"30\" \/>\n <text class=\"bsw-status-text bsw-text-danger\" x=\"0\" y=\"-30\">HANGUS!<\/text>\n <text class=\"bsw-status-text bsw-text-safe\" x=\"0\" y=\"-30\">LANCAR<\/text>\n <\/g>\n <g transform=\"translate(450, 300)\">\n <circle class=\"bsw-heat-glow\" cx=\"0\" cy=\"0\" r=\"40\" \/>\n <circle class=\"bsw-safe-glow\" cx=\"0\" cy=\"0\" r=\"30\" \/>\n <text class=\"bsw-status-text bsw-text-danger\" x=\"0\" y=\"-30\">HANGUS!<\/text>\n <text class=\"bsw-status-text bsw-text-safe\" x=\"0\" y=\"-30\">LANCAR<\/text>\n <\/g>\n <g transform=\"translate(650, 300)\">\n <circle class=\"bsw-heat-glow\" cx=\"0\" cy=\"0\" r=\"40\" \/>\n <circle class=\"bsw-safe-glow\" cx=\"0\" cy=\"0\" r=\"30\" \/>\n <text class=\"bsw-status-text bsw-text-danger\" x=\"0\" y=\"-30\">HANGUS!<\/text>\n <text class=\"bsw-status-text bsw-text-safe\" x=\"0\" y=\"-30\">LANCAR<\/text>\n <\/g>\n\n <!-- Tension Machine Clamp -->\n <g class=\"bsw-clamp-group\">\n <path class=\"bsw-clamp-arm\" d=\"M 850 300 L 900 300\" \/>\n <rect class=\"bsw-clamp-body\" x=\"780\" y=\"270\" width=\"70\" height=\"60\" rx=\"6\" \/>\n <rect class=\"bsw-clamp-jaw\" x=\"760\" y=\"285\" width=\"40\" height=\"30\" rx=\"4\" \/>\n <circle cx=\"815\" cy=\"300\" r=\"15\" fill=\"#475569\" \/>\n <\/g>\n\n <!-- Interactive Hotspots -->\n <!-- Intersection Hotspot -->\n <circle class=\"bsw-hotspot-zone\" cx=\"450\" cy=\"300\" r=\"40\" data-target=\"intersect\" tabindex=\"0\" role=\"button\" aria-label=\"Periksa Persilangan Tali\" \/>\n <circle class=\"bsw-hotspot-ring\" cx=\"450\" cy=\"300\" r=\"30\" pointer-events=\"none\" \/>\n \n <!-- String Coating Hotspot -->\n <circle class=\"bsw-hotspot-zone\" cx=\"150\" cy=\"300\" r=\"40\" data-target=\"string\" tabindex=\"0\" role=\"button\" aria-label=\"Periksa Salutan Tali\" \/>\n <circle class=\"bsw-hotspot-ring\" cx=\"150\" cy=\"300\" r=\"30\" pointer-events=\"none\" \/>\n\n <!-- Clamp Hotspot -->\n <circle class=\"bsw-hotspot-zone\" cx=\"790\" cy=\"300\" r=\"45\" data-target=\"clamp\" tabindex=\"0\" role=\"button\" aria-label=\"Periksa Clamp Penegang\" \/>\n <circle class=\"bsw-hotspot-ring\" cx=\"790\" cy=\"300\" r=\"35\" pointer-events=\"none\" \/>\n\n <!-- Callout Tooltips (Positioned absolutely via SVG coordinates) -->\n <g class=\"bsw-info-tooltip bsw-info-intersect\" transform=\"translate(290, 180)\">\n <rect class=\"bsw-info-bg\" x=\"0\" y=\"0\" width=\"320\" height=\"80\" \/>\n <text class=\"bsw-info-title\" x=\"15\" y=\"25\">Zon Risiko Geseran<\/text>\n <text class=\"bsw-info-desc\" x=\"15\" y=\"45\">Tali silang bergesel dengan tali utama.<\/text>\n <text class=\"bsw-info-desc\" x=\"15\" y=\"65\">Tarikan yang terlalu laju menghasilkan haba tinggi.<\/text>\n <path d=\"M 160 80 L 170 90 L 180 80 Z\" fill=\"var(--bsw-white)\" \/>\n <\/g>\n\n <g class=\"bsw-info-tooltip bsw-info-string\" transform=\"translate(10, 180)\">\n <rect class=\"bsw-info-bg\" x=\"0\" y=\"0\" width=\"280\" height=\"80\" \/>\n <text class=\"bsw-info-title\" x=\"15\" y=\"25\">Salutan Organik Halus<\/text>\n <text class=\"bsw-info-desc\" x=\"15\" y=\"45\">Gentian natural gut mudah rosak dan<\/text>\n <text class=\"bsw-info-desc\" x=\"15\" y=\"65\">berlekuk jika berlaku lipatan atau geseran.<\/text>\n <path d=\"M 140 80 L 150 90 L 160 80 Z\" fill=\"var(--bsw-white)\" \/>\n <\/g>\n\n <g class=\"bsw-info-tooltip bsw-info-clamp\" transform=\"translate(560, 180)\">\n <rect class=\"bsw-info-bg\" x=\"0\" y=\"0\" width=\"300\" height=\"80\" \/>\n <text class=\"bsw-info-title\" x=\"15\" y=\"25\">Kelajuan Tarik Paun (lbs)<\/text>\n <text class=\"bsw-info-desc\" x=\"15\" y=\"45\">Stringer profesional mengawal tarikan<\/text>\n <text class=\"bsw-info-desc\" x=\"15\" y=\"65\">ini dengan teliti bagi mengelakkan kerosakan.<\/text>\n <path d=\"M 230 80 L 240 90 L 250 80 Z\" fill=\"var(--bsw-white)\" \/>\n <\/g>\n\n <!-- Embedded SVG Action Button -->\n <g class=\"bsw-action-btn-group\" id=\"bsw-svg-play-btn\" role=\"button\" tabindex=\"0\" aria-label=\"Simulasi Tarikan Anyaman\">\n <rect class=\"bsw-action-btn-bg\" x=\"325\" y=\"500\" width=\"250\" height=\"52\" rx=\"26\" \/>\n <text class=\"bsw-action-btn-text\" x=\"450\" y=\"532\">\u25b6 SIMULASI TARIKAN<\/text>\n <\/g>\n <\/svg>\n <\/div>\n\n <!-- Sidebar \/ Context -->\n <div class=\"bsw-edu-sidebar\">\n \n <div class=\"bsw-mode-selector\" role=\"tablist\">\n <button class=\"bsw-mode-btn\" role=\"tab\" aria-selected=\"true\" data-select=\"slow\">Perlahan & Terkawal<\/button>\n <button class=\"bsw-mode-btn\" role=\"tab\" aria-selected=\"false\" data-select=\"fast\">Tarikan Laju<\/button>\n <\/div>\n\n <!-- Controlled Explanation -->\n <div class=\"bsw-edu-explanation\" id=\"bsw-panel-slow\">\n <h4 class=\"bsw-exp-title\">Protokol Anyaman Selamat<\/h4>\n <p class=\"bsw-exp-text\">Menarik tali dengan perlahan mencegah pembentukan haba pada titik persilangan tali. Salutan serosa semula jadi kekal terpelihara tanpa cela, memastikan jangka hayat tali yang maksimum, keanjalan puncak, dan kestabilan kekalan paun yang dipercayai.<\/p>\n <div class=\"bsw-data-row\">\n <span class=\"bsw-data-label\">Haba Geseran<\/span>\n <div class=\"bsw-metric-bar\"><div class=\"bsw-metric-fill\" style=\"width: 15%; background-color: var(--bsw-green);\"><\/div><\/div>\n <\/div>\n <div class=\"bsw-data-row\">\n <span class=\"bsw-data-label\">Integriti Salutan<\/span>\n <div class=\"bsw-metric-bar\"><div class=\"bsw-metric-fill\" style=\"width: 98%; background-color: var(--bsw-blue);\"><\/div><\/div>\n <\/div>\n <div class=\"bsw-data-row\">\n <span class=\"bsw-data-label\">Risiko Putus<\/span>\n <div class=\"bsw-metric-bar\"><div class=\"bsw-metric-fill\" style=\"width: 10%; background-color: var(--bsw-green);\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <!-- Fast\/Burn Explanation -->\n <div class=\"bsw-edu-explanation\" id=\"bsw-panel-fast\" style=\"display: none;\">\n <h4 class=\"bsw-exp-title\">Kesan Geseran Haba (Notching)<\/h4>\n <p class=\"bsw-exp-text\">Menarik natural gut terlalu laju menyilangi tali utama yang keras mencetuskan geseran melampau. Ia ibarat membakar terus melalui salutan pelindung, memecahkan gentian dalaman dan menyebabkan tali putus pramatang sebelum raket sempat digunakan untuk permainan.<\/p>\n <div class=\"bsw-data-row\">\n <span class=\"bsw-data-label\">Haba Geseran<\/span>\n <div class=\"bsw-metric-bar\"><div class=\"bsw-metric-fill\" style=\"width: 95%; background-color: var(--bsw-red);\"><\/div><\/div>\n <\/div>\n <div class=\"bsw-data-row\">\n <span class=\"bsw-data-label\">Integriti Salutan<\/span>\n <div class=\"bsw-metric-bar\"><div class=\"bsw-metric-fill\" style=\"width: 25%; background-color: var(--bsw-orange);\"><\/div><\/div>\n <\/div>\n <div class=\"bsw-data-row\">\n <span class=\"bsw-data-label\">Risiko Putus<\/span>\n <div class=\"bsw-metric-bar\"><div class=\"bsw-metric-fill\" style=\"width: 90%; background-color: var(--bsw-red);\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <script>\n (function() {\n \/\/ Elements\n const moduleContainer = document.getElementById('bsw-friction-simulator');\n const modeBtns = moduleContainer.querySelectorAll('.bsw-mode-btn');\n const panelSlow = document.getElementById('bsw-panel-slow');\n const panelFast = document.getElementById('bsw-panel-fast');\n const playBtn = document.getElementById('bsw-svg-play-btn');\n const btnText = playBtn.querySelector('.bsw-action-btn-text');\n const zones = moduleContainer.querySelectorAll('.bsw-hotspot-zone');\n\n let isAnimating = false;\n\n \/\/ Mode Switching\n function setMode(mode) {\n if(isAnimating) return;\n \n moduleContainer.setAttribute('data-mode', mode);\n moduleContainer.classList.remove('is-damaged'); \/\/ Reset damage state when switching modes\n \n if(mode === 'slow') {\n panelSlow.style.display = 'block';\n panelFast.style.display = 'none';\n } else {\n panelSlow.style.display = 'none';\n panelFast.style.display = 'block';\n }\n\n modeBtns.forEach(btn => {\n btn.setAttribute('aria-selected', btn.getAttribute('data-select') === mode);\n });\n }\n\n modeBtns.forEach(btn => {\n btn.addEventListener('click', () => setMode(btn.getAttribute('data-select')));\n btn.addEventListener('keydown', (e) => {\n if(e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n setMode(btn.getAttribute('data-select'));\n }\n });\n });\n\n \/\/ Hotspot Logic\n function clearHotspots() {\n moduleContainer.classList.remove('show-hs-intersect', 'show-hs-string', 'show-hs-clamp');\n }\n\n zones.forEach(zone => {\n const target = zone.getAttribute('data-target');\n \n const triggerHotspot = () => {\n if (isAnimating) return;\n clearHotspots();\n moduleContainer.classList.add(`show-hs-${target}`);\n \n \/\/ Auto-hide after 4 seconds\n setTimeout(() => {\n moduleContainer.classList.remove(`show-hs-${target}`);\n }, 4000);\n };\n\n zone.addEventListener('click', triggerHotspot);\n zone.addEventListener('mouseenter', triggerHotspot);\n zone.addEventListener('mouseleave', clearHotspots);\n zone.addEventListener('focus', triggerHotspot);\n zone.addEventListener('blur', clearHotspots);\n \n zone.addEventListener('keydown', (e) => {\n if(e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n triggerHotspot();\n }\n });\n });\n\n \/\/ Play Animation Logic\n function playAnimation() {\n if (isAnimating) return;\n isAnimating = true;\n \n clearHotspots(); \/\/ Hide any tooltips\n \n const mode = moduleContainer.getAttribute('data-mode');\n \n \/\/ Reset states\n moduleContainer.classList.remove('is-playing', 'is-damaged');\n btnText.textContent = \"SEDANG SIMULASI...\";\n playBtn.style.opacity = '0.7';\n playBtn.style.pointerEvents = 'none';\n \n \/\/ Trigger reflow to restart CSS animations safely\n void moduleContainer.offsetWidth;\n \n \/\/ Start animation\n moduleContainer.classList.add('is-playing');\n\n \/\/ Timing based on mode\n const animDuration = mode === 'slow' ? 3500 : 2000; \/\/ fast finishes visual explosion at 2s\n\n setTimeout(() => {\n moduleContainer.classList.remove('is-playing');\n \n if (mode === 'fast') {\n moduleContainer.classList.add('is-damaged'); \/\/ Keeps the fray marks visible\n }\n\n btnText.textContent = \"\u25b6 ULANG TARIKAN\";\n playBtn.style.opacity = '1';\n playBtn.style.pointerEvents = 'auto';\n isAnimating = false;\n }, animDuration);\n }\n\n \/\/ Action Button Events\n playBtn.addEventListener('click', playAnimation);\n playBtn.addEventListener('keydown', (e) => {\n if(e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n playAnimation();\n }\n });\n\n \/\/ Init Default\n setMode('slow');\n \n \/\/ Hide tooltips if clicking background\n moduleContainer.querySelector('.bsw-svg-canvas').addEventListener('click', (e) => {\n if (!e.target.classList.contains('bsw-hotspot-zone')) {\n clearHotspots();\n }\n });\n })();\n <\/script>\n<\/div>\n\n<\/body>\n<\/html>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-e4ec421e gbp-section__inner\">\n<div class=\"gb-container gb-container-4a0c4bf4\">\n\n<!DOCTYPE html>\n<html lang=\"ms\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Ujian Pengetahuan Natural Gut<\/title>\n <style>\n \/* WordPress Conflict Fixes:\n 1. Scoped everything under #bsw-quiz-widget\n 2. Replaced the generic body tag styling with a wrapper class\n 3. Prefixed all classes and IDs with \"bsw-quiz-\" to avoid clashes\n 4. Reset box-sizing, margins, and button defaults\n *\/\n \n #bsw-quiz-widget {\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px 0;\n margin: 0;\n background-color: transparent; \/* Lets your WP theme background show through *\/\n }\n\n #bsw-quiz-widget * {\n box-sizing: border-box;\n }\n\n #bsw-quiz-widget .bsw-quiz-container {\n width: 100%;\n max-width: 500px;\n background: #fff;\n border-radius: 12px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n overflow: hidden;\n border: 1px solid #eee;\n margin: 0 auto;\n }\n\n #bsw-quiz-widget .bsw-quiz-header {\n background: linear-gradient(135deg, #0B2447, #19376D);\n color: #fff;\n padding: 24px 20px;\n text-align: center;\n position: relative;\n margin: 0;\n }\n\n #bsw-quiz-widget .bsw-quiz-header-accent {\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: linear-gradient(90deg, #FFD700, #FDB931, #FFD700);\n }\n\n #bsw-quiz-widget .bsw-score-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n padding: 6px 16px;\n border-radius: 20px;\n font-weight: 700;\n font-size: 14px;\n color: #0B2447;\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n margin: 0;\n }\n\n #bsw-quiz-widget .bsw-opt-card {\n padding: 14px 16px;\n border-radius: 10px;\n cursor: pointer;\n border: 2px solid #eee;\n background: #fff;\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n gap: 12px;\n margin: 0;\n }\n\n #bsw-quiz-widget .bsw-opt-card:hover {\n border-color: #19376D;\n background: #F8FAFF;\n transform: translateY(-1px);\n }\n\n #bsw-quiz-widget .bsw-opt-card.selected {\n border-color: #0B2447;\n background: #F0F4F8;\n }\n\n #bsw-quiz-widget .bsw-radio-circle {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 2px solid #ccc;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.2s ease;\n margin: 0;\n padding: 0;\n }\n\n #bsw-quiz-widget .bsw-opt-card.selected .bsw-radio-circle {\n border-color: #0B2447;\n background: #0B2447;\n }\n\n #bsw-quiz-widget .bsw-radio-dot {\n width: 8px;\n height: 8px;\n background: #FFD700;\n border-radius: 50%;\n opacity: 0;\n transform: scale(0);\n transition: all 0.2s ease;\n margin: 0;\n }\n\n #bsw-quiz-widget .bsw-opt-card.selected .bsw-radio-dot {\n opacity: 1;\n transform: scale(1);\n }\n\n #bsw-quiz-widget .bsw-nav-btn {\n flex: 1;\n padding: 14px;\n border: none;\n border-radius: 8px;\n font-weight: 700;\n font-size: 15px;\n cursor: pointer;\n transition: all 0.2s;\n margin: 0;\n text-align: center;\n line-height: normal;\n font-family: inherit;\n appearance: none;\n }\n\n #bsw-quiz-widget .bsw-btn-prev {\n background: #F0F4F8;\n color: #0B2447;\n border: 1px solid rgba(11,36,71,0.2);\n }\n\n #bsw-quiz-widget .bsw-btn-prev:not(:disabled):hover {\n background: #E2E8F0;\n }\n\n #bsw-quiz-widget .bsw-btn-next {\n background: linear-gradient(135deg, #0B2447, #19376D);\n color: #fff;\n }\n\n #bsw-quiz-widget .bsw-btn-next:not(:disabled):hover {\n box-shadow: 0 4px 12px rgba(11,36,71,0.3);\n transform: translateY(-1px);\n }\n\n #bsw-quiz-widget .bsw-btn-next:disabled, \n #bsw-quiz-widget .bsw-btn-prev:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n transform: none;\n box-shadow: none;\n }\n \n #bsw-quiz-widget a {\n text-decoration: none;\n }\n <\/style>\n<\/head>\n<body>\n\n<div id=\"bsw-quiz-widget\">\n <div class=\"bsw-quiz-container\">\n <div class=\"bsw-quiz-header\">\n <div class=\"bsw-quiz-header-accent\"><\/div>\n <div style=\"font-size: 22px; font-weight: 800; margin-bottom: 6px; letter-spacing: -0.5px; line-height: 1.2;\">\ud83c\udfbe Ujian Pengetahuan Natural Gut<\/div>\n <div style=\"font-size: 14px; opacity: 0.9; line-height: 1.4; margin-bottom: 16px;\">\n <strong>Adakah anda memahami tanda aras bagi bahan tali premium?<\/strong>\n <\/div>\n <div class=\"bsw-score-badge\">\n <span id=\"bsw-current-score-top\">0<\/span> \/ <span id=\"bsw-total-score-top\">8<\/span>\n <\/div>\n <\/div>\n\n <div id=\"bsw-quiz-main\" style=\"padding: 24px;\">\n <div style=\"display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; padding: 14px; background: #F0F4F8; border-radius: 10px; border: 1px solid rgba(11,36,71,0.15);\">\n <div style=\"display: flex; justify-content: space-between; align-items: center;\">\n <div style=\"display: flex; align-items: center; gap: 12px;\">\n <div id=\"bsw-progress-circle\" style=\"width: 40px; height: 40px; border-radius: 50%; background: conic-gradient(#0B2447 0deg 0deg, #F0F4F8 0deg 360deg); display: flex; align-items: center; justify-content: center; font-weight: 800; color: #0B2447; font-size: 14px; border: 3px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.08); margin: 0; padding: 0;\">1<\/div>\n <div style=\"margin: 0; padding: 0;\">\n <div style=\"font-size: 14px; font-weight: 700; color: #1a1a1a; margin: 0; line-height: 1.2;\">Soalan <span id=\"bsw-current-step\">1<\/span> daripada 8<\/div>\n <div id=\"bsw-skill-label\" style=\"font-size: 11px; color: #19376D; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; margin: 0; line-height: 1.2;\">SAINS BAHAN<\/div>\n <\/div>\n <\/div>\n <div id=\"bsw-question-tag\" style=\"font-size: 10px; color: #0B2447; background: #FFD700; padding: 5px 12px; border-radius: 12px; font-weight: 800; letter-spacing: 0.5px; margin: 0;\">SIFAT<\/div>\n <\/div>\n <\/div>\n\n <div id=\"bsw-quiz-card\" style=\"min-height: 250px;\">\n <div id=\"bsw-question-content\"><\/div>\n <\/div>\n\n <div style=\"display: flex; gap: 12px; margin-top: 28px;\">\n <button id=\"bsw-prev-btn\" class=\"bsw-nav-btn bsw-btn-prev\" disabled>\u2190 Sebelum<\/button>\n <button id=\"bsw-next-btn\" class=\"bsw-nav-btn bsw-btn-next\" disabled>Soalan Seterusnya<\/button>\n <\/div>\n <\/div>\n\n <div id=\"bsw-result-screen\" style=\"text-align: center; padding: 40px 24px; display: none;\">\n <div id=\"bsw-result-emoji\" style=\"font-size: 56px; margin-bottom: 12px; animation: bounce 1s ease infinite; line-height: 1;\">\ud83c\udf89<\/div>\n <div id=\"bsw-result-title\" style=\"font-size: 24px; font-weight: 800; color: #1a1a1a; margin-bottom: 8px; line-height: 1.2;\">Analisis Selesai!<\/div>\n <div id=\"bsw-final-score\" style=\"font-size: 48px; font-weight: 900; background: linear-gradient(135deg, #0B2447, #19376D); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 24px; line-height: 1;\">Bersedia<\/div>\n \n <div style=\"background: #F8FAFF; border-radius: 12px; padding: 20px; border: 1px solid #EEF2FF; margin-bottom: 28px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);\">\n <p style=\"color:#444; font-size:15px; line-height:1.6; margin: 0;\">Syabas! Sekarang setelah anda memahami bagaimana natural gut memberi kesan kepada prestasi, adakah anda bersedia untuk melonjakkan pengetahuan teknikal melalui kursus pasang tali raket profesional?<\/p>\n <\/div>\n\n <a id=\"bsw-apply-btn\" href=\"https:\/\/beststringer.com\/ms\/stringing-course-application\/\" target=\"_blank\" style=\"display: block; padding: 18px; border-radius: 10px; font-weight: 800; font-size: 16px; background: linear-gradient(135deg, #0B2447, #19376D); color: #FFD700; text-decoration: none; box-shadow: 0 6px 20px rgba(11,36,71,0.25); border: 2px solid #FFD700; transition: all 0.3s ease;\">\n \ud83c\udf93 Permohonan Kursus Stringer BSW\n <\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n 'use strict';\n\n const DRILLS = [\n {q:\"Bahan manakah yang secara tradisi dianggap sebagai standard emas dalam tali tenis premium?\", opts:[\"Natural gut kerana keanjalan dan rasa cemerlangnya\", \"Poliester kerana ketahanannya yang ekstrem\", \"Nilon kerana ia kalis cuaca sepenuhnya\", \"Kevlar kerana ia mengekalkan paun dengan sempurna\"], correct:0, skill:\"Tanda Aras\", label:\"TRADISI\"},\n {q:\"Apakah sumber bahan mentah utama yang digunakan untuk tali natural gut moden?\", opts:[\"Gentian sintetik nilon\", \"Lapisan serosa dari usus lembu\", \"Secara eksklusif dari usus biri-biri\", \"Polimer plastik yang dikitar semula\"], correct:1, skill:\"Sains Bahan\", label:\"SUMBER\"},\n {q:\"Mengapakah natural gut sering digunakan dalam tetapan tali hibrid?\", opts:[\"Ia menjadikan raket sama sekali tidak akan putus\", \"Ia menggabungkan keselesaan dan kuasa gut dengan kawalan serta ketahanan poliester\", \"Ia diwajibkan oleh peraturan tenis profesional\", \"Ia menjadikan raket lebih berat untuk momentum lebih\"], correct:1, skill:\"Tetapan Hibrid\", label:\"PRESTASI\"},\n {q:\"Adakah pemasangan natural gut secara penuh (full-bed) adalah pilihan terbaik untuk setiap pemain tenis?\", opts:[\"Ya, kerana tali paling mahal adalah yang terbaik selamanya\", \"Tidak, ia bergantung pada bajet, tabiat menukar tali, dan keperluan ketahanan pemain\", \"Ya, tetapi hanya jika dipasang melebihi 60 lbs\", \"Tidak, kerana natural gut tidak memberikan sebarang kuasa tambahan\"], correct:1, skill:\"Kesesuaian\", label:\"PEMAIN\"},\n {q:\"Bagaimanakah natural gut berfungsi dari aspek penjagaan kekalan paun (lbs)?\", opts:[\"Ia mengekalkan paun dengan sangat baik dari masa ke masa berbanding kebanyakan sintetik\", \"Ia hilang ketegangan pada jam pertama bermain\", \"Ia secara semula jadi bertambah ketat apabila usianya meningkat\", \"Ia tidak boleh mengekalkan paun melebihi 40 lbs\"], correct:0, skill:\"Logik Ketegangan\", label:\"KESTABILAN\"},\n {q:\"Mengapakah seorang Stringer perlu sangat berhati-hati apabila mengendalikan natural gut?\", opts:[\"Ia terlalu berat untuk mesin stringing standard\", \"Ia halus, dan jika terlipat atau salah dikendalikan, tali boleh putus lebih awal\", \"Ia memerlukan alat pemanas khas untuk kerja anyaman\", \"Ia menyalahi undang-undang untuk dipasang tanpa lesen\"], correct:1, skill:\"Pengendalian\", label:\"SENI STRINGER\"},\n {q:\"Mengapakah amalan pra-regang (pre-stretch) sering dibincangkan sewaktu memasang natural gut?\", opts:[\"Ia membuatkan tali kelihatan lebih berkilat\", \"Ia membuang memori gegelung asal dan menstabilkan keanjalan tali sebelum ia mula dimainkan\", \"Ia menukar warna gentian asal\", \"Ia membolehkan stringer menggunakan kurang ukuran tali keseluruhan\"], correct:1, skill:\"Pemasangan\", label:\"PRA-REGANG\"},\n {q:\"Mengapakah seorang Stringer Bertauliah Antarabangsa mesti memahami natural gut walaupun pelanggan hanya menggunakan sintetik?\", opts:[\"Kerana mereka secara undang-undang diwajibkan menjualnya\", \"Kerana natural gut adalah bahan tanda aras, dan memahaminya membantu mempertajamkan logik bahan keseluruhan\", \"Kerana tali sintetik telah pun dihentikan penjualannya\", \"Kerana ia satu-satunya tali yang boleh putus\"], correct:1, skill:\"Rundingan\", label:\"STRINGER\"}\n ];\n\n let current = 0;\n let answers = {};\n\n const el = {\n quizMain: document.getElementById('bsw-quiz-main'),\n resultScreen: document.getElementById('bsw-result-screen'),\n currentScoreTop: document.getElementById('bsw-current-score-top'),\n totalScoreTop: document.getElementById('bsw-total-score-top'),\n currentStep: document.getElementById('bsw-current-step'),\n progressCircle: document.getElementById('bsw-progress-circle'),\n skillLabel: document.getElementById('bsw-skill-label'),\n questionTag: document.getElementById('bsw-question-tag'),\n questionContent: document.getElementById('bsw-question-content'),\n prevBtn: document.getElementById('bsw-prev-btn'),\n nextBtn: document.getElementById('bsw-next-btn'),\n finalScore: document.getElementById('bsw-final-score'),\n resultEmoji: document.getElementById('bsw-result-emoji'),\n resultTitle: document.getElementById('bsw-result-title')\n };\n\n function updateProgress() {\n el.currentStep.textContent = current + 1;\n el.totalScoreTop.textContent = DRILLS.length;\n const answeredCount = Object.keys(answers).length;\n el.currentScoreTop.textContent = answeredCount;\n \n const progress = ((current + 1) \/ DRILLS.length) * 360;\n el.progressCircle.style.background = `conic-gradient(#0B2447 0deg ${progress}deg, #F0F4F8 ${progress}deg 360deg)`;\n el.progressCircle.textContent = current + 1;\n }\n\n function renderQuestion() {\n const drill = DRILLS[current];\n const answeredIndex = answers[current];\n let html = `<div style=\"font-size: 18px; font-weight: 700; color: #1a1a1a; line-height: 1.5; margin-bottom: 24px; margin-top: 0;\">${drill.q}<\/div><div style=\"display: grid; gap: 12px; margin: 0; padding: 0;\">`;\n \n drill.opts.forEach((opt, i) => {\n const isSelected = answeredIndex === i;\n html += `\n <div class=\"bsw-opt-card ${isSelected ? 'selected' : ''}\" data-index=\"${i}\">\n <div class=\"bsw-radio-circle\">\n <div class=\"bsw-radio-dot\"><\/div>\n <\/div>\n <div style=\"font-weight: 600; font-size: 15px; color: ${isSelected ? '#0B2447' : '#444'}; margin: 0; padding: 0; line-height: 1.4;\">${opt}<\/div>\n <\/div>`;\n });\n \n html += '<\/div>';\n el.questionContent.innerHTML = html;\n el.skillLabel.textContent = drill.skill.toUpperCase();\n el.questionTag.textContent = drill.label;\n\n document.querySelectorAll('.bsw-opt-card').forEach(card => {\n card.addEventListener('click', function() {\n const idx = parseInt(this.getAttribute('data-index'));\n answers[current] = idx;\n renderQuestion();\n });\n });\n\n el.prevBtn.disabled = current === 0;\n el.nextBtn.textContent = current === DRILLS.length - 1 ? 'Lihat Keputusan \ud83c\udf89' : 'Soalan Seterusnya';\n \n const isAnswered = answers[current] !== undefined;\n el.nextBtn.disabled = !isAnswered;\n \n updateProgress();\n }\n\n function calculateResults() {\n let score = 0;\n DRILLS.forEach((d, i) => {\n if (answers[i] === d.correct) {\n score++;\n }\n });\n\n el.quizMain.style.display = 'none';\n el.resultScreen.style.display = 'block';\n const percent = Math.round((score \/ DRILLS.length) * 100);\n \n el.finalScore.textContent = percent + '%';\n \n const emoji = percent >= 80 ? '\ud83c\udfc6' : '\ud83d\udc4d';\n const title = percent >= 80 ? 'Pemahaman Cemerlang!' : 'Percubaan Yang Baik';\n \n el.resultEmoji.textContent = emoji;\n el.resultTitle.textContent = title;\n }\n\n el.nextBtn.addEventListener('click', () => {\n if (current < DRILLS.length - 1) {\n current++;\n renderQuestion();\n } else {\n calculateResults();\n }\n });\n\n el.prevBtn.addEventListener('click', () => {\n if (current > 0) {\n current--;\n renderQuestion();\n }\n });\n\n \/\/ Initial render\n renderQuestion();\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n<\/div>\n\n<div class=\"gb-container gb-container-5b3bc5e8\">\n\n<div class=\"gb-headline gb-headline-2f04cb32 gb-headline-text gbp-section__tagline\">Integriti Pemasangan Tali<\/div>\n\n\n\n<h2 class=\"gb-headline gb-headline-bba2ffc2 gb-headline-text gbp-section__headline\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">Spesifikasi<\/mark> Terbukti<\/h2>\n\n\n\n<p>Pendekatan pasang tali raket kami adalah berdasarkan parameter bahan terbukti yang digunakan oleh barisan profesional terkemuka. Kami mengutamakan keselamatan lengan, penilaian tali yang betul, dan kecekapan gaya permainan melebihi hype ketegangan (tension) semata-mata.<\/p>\n\n\n<div class=\"gb-grid-wrapper gb-grid-wrapper-2631a86b\">\n<div class=\"gb-grid-column gb-grid-column-670ee1e4\"><div class=\"gb-container gb-container-670ee1e4\">\n\n<div class=\"gb-headline gb-headline-4ffecd9e gb-headline-text\">15+<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-a40d5ff4 gb-headline-text\">Tahun Menganalisis Tali<\/div>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-36c23c60\"><div class=\"gb-container gb-container-36c23c60\">\n\n<div class=\"gb-headline gb-headline-3944b2ff gb-headline-text\">100%<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-5dd5c27e gb-headline-text\">Ketepatan Paun (lbs)<\/div>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-325bb028\"><div class=\"gb-container gb-container-325bb028\">\n\n<div class=\"gb-headline gb-headline-fb0a55b1 gb-headline-text\">Selamat<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-135bc509 gb-headline-text\">Pengendalian Bahan<\/div>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-b38becfe\"><div class=\"gb-container gb-container-b38becfe\">\n\n<div class=\"gb-headline gb-headline-7c2857fd gb-headline-text\">4<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-7d08250a gb-headline-text\">Langkah Aliran Bahan<\/div>\n\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<!DOCTYPE html>\n<html lang=\"ms\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Perbandingan Natural Gut dengan Alternatif Sintetik<\/title>\n<style>\n\/* WordPress Conflict Fixes:\n 1. Everything is scoped under #bsw-racquet-comparison\n 2. All class names are prefixed with \"bsw-\" to prevent clashes\n 3. Added specific overrides for common WP theme table defaults (borders, padding, background)\n*\/\n\n#bsw-racquet-comparison {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n margin: 20px 0;\n max-width: 100%;\n line-height: 1.5;\n color: #333;\n}\n\n#bsw-racquet-comparison * {\n box-sizing: border-box;\n}\n\n#bsw-racquet-comparison .bsw-header {\n text-align: center;\n margin-bottom: 20px;\n color: #2a3f90;\n font-size: 1.3em;\n font-weight: bold;\n line-height: 1.3;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n\/* Desktop Table View *\/\n#bsw-racquet-comparison .bsw-table {\n width: 100% !important;\n border-collapse: separate !important;\n border-spacing: 0 !important;\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n border-radius: 8px;\n overflow: hidden;\n display: table !important;\n background: #fff;\n margin: 0;\n padding: 0;\n border: none !important;\n}\n\n#bsw-racquet-comparison .bsw-table th,\n#bsw-racquet-comparison .bsw-table td {\n padding: 14px !important;\n text-align: left !important;\n vertical-align: top !important;\n border: none !important;\n border-bottom: 1px solid #e0e0e0 !important;\n background: none;\n margin: 0;\n}\n\n#bsw-racquet-comparison .bsw-table th {\n background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%) !important;\n color: white !important;\n font-weight: 600 !important;\n font-size: 0.95em !important;\n}\n\n#bsw-racquet-comparison .bsw-table tr:last-child td {\n border-bottom: none !important;\n}\n\n#bsw-racquet-comparison .bsw-table tr:nth-child(even) td:not(.bsw-highlight) {\n background-color: #f8f9fa !important;\n}\n\n#bsw-racquet-comparison .bsw-table td:first-child {\n font-weight: 600;\n color: #1a2980;\n width: 20%;\n font-size: 0.9em;\n}\n\n#bsw-racquet-comparison .bsw-table td:nth-child(2) {\n color: #555;\n border-right: 1px solid #e0e0e0 !important;\n width: 40%;\n font-size: 0.85em;\n}\n\n#bsw-racquet-comparison .bsw-highlight {\n background: linear-gradient(to right, rgba(220, 250, 220, 0.7), rgba(220, 250, 220, 0.3)) !important;\n width: 40%;\n border-left: 4px solid #37ba2b !important;\n font-size: 0.85em;\n color: #2d3748;\n}\n\n#bsw-racquet-comparison .bsw-highlight::before {\n content: '\u2713 ';\n color: #37ba2b;\n font-weight: bold;\n font-size: 1.1em;\n}\n\n\/* Mobile Card View *\/\n#bsw-racquet-comparison .bsw-mobile-cards {\n display: none;\n}\n\n#bsw-racquet-comparison .bsw-card {\n background: white;\n border-radius: 8px;\n margin-bottom: 16px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n overflow: hidden;\n border: 1px solid #eee;\n}\n\n#bsw-racquet-comparison .bsw-card-header {\n background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%);\n color: white;\n padding: 12px;\n font-weight: 600;\n font-size: 1em;\n margin: 0;\n}\n\n#bsw-racquet-comparison .bsw-card-content {\n padding: 16px;\n}\n\n#bsw-racquet-comparison .bsw-row {\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid #e0e0e0;\n}\n\n#bsw-racquet-comparison .bsw-row:last-child {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n}\n\n#bsw-racquet-comparison .bsw-trad-opt {\n background-color: #f8f9fa;\n padding: 10px;\n border-radius: 4px;\n margin-bottom: 12px;\n font-size: 0.85em;\n color: #555;\n border-left: 3px solid #ccc;\n}\n\n#bsw-racquet-comparison .bsw-modern-opt {\n background: linear-gradient(to right, rgba(220, 250, 220, 0.7), rgba(220, 250, 220, 0.3));\n padding: 10px;\n border-radius: 4px;\n border-left: 4px solid #37ba2b;\n font-size: 0.85em;\n color: #2d3748;\n}\n\n#bsw-racquet-comparison .bsw-modern-opt::before {\n content: '\u2713 ';\n color: #37ba2b;\n font-weight: bold;\n}\n\n#bsw-racquet-comparison .bsw-label {\n font-weight: 700;\n font-size: 0.75em;\n margin-bottom: 6px;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n display: block;\n}\n\n\/* Responsive Breakpoints *\/\n@media (max-width: 768px) {\n #bsw-racquet-comparison .bsw-table {\n display: none !important;\n }\n #bsw-racquet-comparison .bsw-mobile-cards {\n display: block !important;\n }\n #bsw-racquet-comparison .bsw-header {\n font-size: 1.1em;\n padding: 0 10px;\n }\n}\n\n@media (max-width: 480px) {\n #bsw-racquet-comparison {\n margin: 10px 0;\n }\n #bsw-racquet-comparison .bsw-header {\n font-size: 1em;\n }\n #bsw-racquet-comparison .bsw-card-content {\n padding: 12px;\n }\n #bsw-racquet-comparison .bsw-row {\n margin-bottom: 12px;\n padding-bottom: 12px;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<div id=\"bsw-racquet-comparison\">\n <div class=\"bsw-header\">Perbandingan Natural Gut dengan Alternatif Sintetik<\/div>\n\n <table class=\"bsw-table\">\n <thead>\n <tr>\n <th>Aspek Bahan<\/th>\n <th>Natural Gut (Premium)<\/th>\n <th>Poliester \/ Sintetik (Moden)<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>Keanjalan & Kuasa<\/td>\n <td>Keanjalan luar biasa; bertindak seperti trampolin untuk kedalaman mudah.<\/td>\n <td class=\"bsw-highlight\">Lebih kaku; memerlukan momentum hayunan pemain sendiri untuk menjana kuasa.<\/td>\n <\/tr>\n <tr>\n <td>Keselesaan & Serapan Hentakan<\/td>\n <td>Standard tertinggi untuk keselesaan lengan dan penyerapan getaran.<\/td>\n <td class=\"bsw-highlight\">Boleh menjadi keras pada lengan; gut sintetik lebih baik, poli adalah yang paling kaku.<\/td>\n <\/tr>\n <tr>\n <td>Kekalan Paun<\/td>\n <td>Mengekalkan paun dengan sangat baik sehinggalah saat ia putus.<\/td>\n <td class=\"bsw-highlight\">Poliester kehilangan ketegangan dengan cepat dan menjadi “mati”.<\/td>\n <\/tr>\n <tr>\n <td>Ketahanan (Geseran)<\/td>\n <td>Gentian mudah haus di bawah geseran topspin yang berat.<\/td>\n <td class=\"bsw-highlight\">Poliester sangat menentang geseran, sesuai untuk pemain topspin agresif.<\/td>\n <\/tr>\n <tr>\n <td>Kos & Nilai<\/td>\n <td>Kos pendahuluan paling mahal disebabkan proses pembuatan rumit.<\/td>\n <td class=\"bsw-highlight\">Jauh lebih menjimatkan untuk pemain yang kerap memutuskan tali.<\/td>\n <\/tr>\n <tr>\n <td>Kesukaran Pemasangan Tali<\/td>\n <td>Sensitif; perlukan pengendalian perlahan, tepat serta kerja pra-regang yang berhati-hati.<\/td>\n <td class=\"bsw-highlight\">Lasak dan kurang berisiko untuk terlipat (kink) semasa pemasangan.<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"bsw-mobile-cards\">\n <div class=\"bsw-card\">\n <div class=\"bsw-card-header\">Keanjalan & Keselesaan<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Natural Gut (Premium):<\/span>\n <div class=\"bsw-trad-opt\">Keanjalan luar biasa; bertindak seperti trampolin untuk kedalaman mudah. Standard tertinggi untuk keselesaan lengan dan penyerapan getaran.<\/div>\n <span class=\"bsw-label\">Poliester \/ Sintetik (Moden):<\/span>\n <div class=\"bsw-modern-opt\">Lebih kaku; memerlukan momentum hayunan pemain sendiri untuk menjana kuasa. Boleh menjadi keras pada lengan; gut sintetik lebih baik, poli adalah yang paling kaku.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bsw-card\">\n <div class=\"bsw-card-header\">Kekalan Paun & Ketahanan<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Natural Gut (Premium):<\/span>\n <div class=\"bsw-trad-opt\">Mengekalkan paun dengan sangat baik sehinggalah saat ia putus. Gentian mudah haus di bawah geseran topspin yang berat.<\/div>\n <span class=\"bsw-label\">Poliester \/ Sintetik (Moden):<\/span>\n <div class=\"bsw-modern-opt\">Poliester kehilangan ketegangan dengan cepat dan menjadi “mati”. Poliester sangat menentang geseran, sesuai untuk pemain topspin agresif.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bsw-card\">\n <div class=\"bsw-card-header\">Kos & Kesukaran Pemasangan Tali<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Natural Gut (Premium):<\/span>\n <div class=\"bsw-trad-opt\">Kos pendahuluan paling mahal disebabkan proses pembuatan rumit. Sensitif; perlukan pengendalian perlahan, tepat serta kerja pra-regang yang berhati-hati.<\/div>\n <span class=\"bsw-label\">Poliester \/ Sintetik (Moden):<\/span>\n <div class=\"bsw-modern-opt\">Jauh lebih menjimatkan untuk pemain yang kerap memutuskan tali. Lasak dan kurang berisiko untuk terlipat (kink) semasa pemasangan.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n<div class=\"gb-container gb-container-69063730 gbp-section\">\n<div class=\"gb-container gb-container-c192804a gbp-section__inner\">\n<div class=\"gb-container gb-container-26552703\">\n\n<div class=\"gb-headline gb-headline-27edcbd1 gb-headline-text gbp-section__tagline\">Rundingan<\/div>\n\n\n\n<h2 class=\"gb-headline gb-headline-bda1dc9d gb-headline-text gbp-section__headline\">Kuasai <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">Pengetahuan Tali Anda<\/mark> <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">bersama Best Stringer Worldwide<\/mark><\/h2>\n\n\n\n<p><br>Bersedia untuk meningkatkan pengetahuan anda? Best Stringer Worldwide menawarkan kursus pasang tali raket profesional untuk mengajar anda bagaimana natural gut dan bahan premium lain mempengaruhi prestasi dengan selamat. Kami melatih Stringer di seluruh dunia, terutamanya di Singapura, Hong Kong, Malaysia, Indonesia, UK, Perancis, dan Eropah. Hubungi kami untuk mengetahui lebih lanjut mengenai pertauliahan Stringer Bertauliah Antarabangsa dan menguasai tetapan bahan tali premium.<\/p>\n\n\n<div class=\"gb-container gb-container-4aa6efd2\">\n\n<a class=\"gb-button gb-button-1b494854 gb-button-text gbp-button--secondary\" href=\"https:\/\/beststringer.com\/ms\/stringing-course-application\/\">Permohonan<\/a>\n\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-ef62c7ce\">\n\n<iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3983.512110481107!2d101.72853037497148!3d3.22182909675331!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31cc3940e852d0e3%3A0xe7b0509976b40fd3!2sBest%20Stringer%20Worldwide%20(BSW)!5e0!3m2!1sen!2smy!4v1771591572052!5m2!1sen!2smy\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Soalan Lazim (FAQ) Pantas Natural Gut Jawapan ringkas dan jelas kepada persoalan biasa mengenai tali tenis natural gut. Mekanik Keanjalan: Mengapa Natural Gut Penting BSW Natural Gut Friction Management Simulator Seni Pemasangan Tali Raket Natural Gut Natural gut sangat tahan lasak kepada hentakan langsung, tetapi mudah rosak akibat geseran ekstrem. Sentuh titik (hotspot) untuk memeriksa … <a title=\"Sejarah Bahan Tali Tenis \u2014 Natural Gut\" class=\"read-more\" href=\"https:\/\/beststringer.com\/ms\/tennis-string-materials-history-natural-gut\/\" aria-label=\"Read more about Sejarah Bahan Tali Tenis \u2014 Natural Gut\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":71879,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[106],"tags":[],"class_list":["post-19740","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tennis-ms","infinite-scroll-item"],"_links":{"self":[{"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/posts\/19740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/comments?post=19740"}],"version-history":[{"count":0,"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/posts\/19740\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/media\/71879"}],"wp:attachment":[{"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/media?parent=19740"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/categories?post=19740"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/tags?post=19740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}