{"id":77314,"date":"2026-04-20T05:28:17","date_gmt":"2026-04-20T05:28:17","guid":{"rendered":"https:\/\/beststringer.com\/understanding-frame-stiffness-and-power\/"},"modified":"2026-05-14T07:25:03","modified_gmt":"2026-05-14T07:25:03","slug":"understanding-frame-stiffness-and-power","status":"publish","type":"post","link":"https:\/\/beststringer.com\/ms\/understanding-frame-stiffness-and-power\/","title":{"rendered":"Memahami Kekerasan Bingkai dan Kuasa"},"content":{"rendered":"
\n
\n
\n
\n
\n
\"Rajah<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.1 Dinamik Bingkai<\/strong><\/h5>\n\n\n\n

Memahami Kekakuan Bingkai<\/mark> dan Kuasa<\/mark><\/strong><\/h2>\n\n\n\n

Salah satu konsep paling penting dalam peralatan badminton adalah bagaimana ketegaran bingkai mempengaruhi pemindahan tenaga. Apabila semua keadaan lain adalah sama, bingkai raket badminton yang lebih kaku biasanya akan menghasilkan kuasa yang lebih besar. Ini berlaku kerana bingkai yang lebih tegar kurang melentur semasa impak, mengurangkan kehilangan tenaga yang tidak diingini dan memberikan tindak balas bulu tangkis yang sangat langsung.

Walaupun bingkai yang kaku secara struktur mampu mengembalikan lebih banyak daya kepada bulu tangkis, ia bukanlah jaminan ajaib untuk prestasi yang lebih baik bagi setiap pemain. Bingkai yang lebih kaku menuntut pemasaan ayunan yang cemerlang dan sentuhan bulu tangkis yang tepat. Jika teknik anda kurang konsisten, ketegaran bingkai akan menghasilkan rasa yang kasar dan pukulan yang lebih lemah, bukannya kuasa yang eksplosif.

Inilah sebabnya mengapa nasihat tetapan yang berpengetahuan amat penting. Langkah 1: Fahami bahawa bingkai kaku memaksimumkan kuasa hanya pada pukulan yang bersih. Langkah 2: Nilaikan kelajuan ayunan dan kekuatan anda sendiri secara jujur. Langkah 3: Dapatkan nasihat Stringer Bertauliah Antarabangsa untuk mengimbangi kekakuan bingkai semula jadi raket anda dengan paun (lbs) tali yang melengkapi tahap permainan anda dengan sempurna.<\/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.2 Fizik Impak<\/strong><\/h5>\n\n\n\n

Fizik Peralatan: Lenturan<\/mark> dan Pemindahan Tenaga<\/mark><\/strong><\/h2>\n\n\n\n

Untuk memahami mengapa bingkai raket badminton yang lebih kaku menghasilkan lebih banyak kuasa, anda mesti melihat pada saat impak yang tepat. Apabila bulu tangkis menyentuh tapak tali pada kelajuan tinggi, bingkai yang fleksibel akan melentur dan meleding sedikit di bawah tekanan. Lenturan bingkai ini menyerap sebahagian daripada tenaga ayunan anda, bermakna kurang tenaga yang dipindahkan kembali ke dalam kelajuan pelepasan bulu tangkis.

Sebaliknya, bingkai yang lebih kaku mengekalkan integriti strukturnya dengan sangat baik semasa pelanggaran. Dengan menahan lenturan, bingkai yang kukuh bertindak sebagai asas yang pepejal untuk tapak tali. Tenaga daripada ayunan anda disalurkan secara kuat dan langsung ke dalam bulu tangkis, menghasilkan pukulan smash yang lebih berat dan tajam.

Walau bagaimanapun, tindak balas bulu tangkis yang langsung ini mempunyai kelemahannya. Oleh kerana bingkai tidak melentur untuk menyerap kejutan, ia kurang memaafkan dan memindahkan lebih banyak getaran ke lengan anda pada kesilapan pukulan. Menilai sama ada anda boleh mengendalikan rasa yang menuntut ini adalah bahagian penting dalam pemilihan raket bagi mana-mana pemain badminton yang serius.<\/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 Perbezaan Kekakuan<\/strong><\/h5>\n\n\n\n

Memahami Kekakuan Bingkai<\/mark> vs Kekakuan Batang (Shaft)<\/mark><\/strong><\/h2>\n\n\n\n

Walaupun dakwaan bahawa bingkai yang lebih kaku menyamai lebih kuasa adalah tepat secara teknikal, pemain sering keliru antara kekakuan bingkai dengan kekakuan batang (shaft). Kekakuan bingkai merujuk semata-mata kepada ketegaran kepala raket pada saat impak bulu tangkis. Kekakuan batang merujuk kepada sejauh mana raket melentur berhampiran pemegang semasa ayunan anda.

Anda boleh memiliki raket dengan bingkai yang sangat kaku untuk pemindahan kuasa langsung, dipasangkan dengan batang separuh fleksibel (medium-flex) untuk membantu pemasaan dan kelajuan ayunan. Jika kedua-dua bingkai dan batang sangat kaku, raket akan menuntut teknik yang sempurna, menghukum sebarang kesilapan kecil dengan getaran yang sangat kasar dan menyakitkan.

Oleh itu, pemain lanjutan dengan kelajuan ayunan yang eksplosif boleh memanfaatkan sepenuhnya kombinasi bingkai kaku\/batang kaku. Bagi pemain pertengahan, mencari raket dengan bingkai kaku (untuk impak yang tajam) tetapi dengan ciri batang yang lebih memaafkan selalunya merupakan kunci untuk memaksimumkan keselesaan dan kelajuan bulu tangkis sebenar.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Perbandingan<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.4 Interaksi Tapak Tali<\/strong><\/h5>\n\n\n\n

Bagaimana Tetapan Tali<\/mark> Mengubah Pengalaman Bingkai Kaku<\/mark><\/strong><\/h2>\n\n\n\n

Malah bingkai raket badminton yang paling kaku dan berkuasa sekalipun boleh terasa langsung tidak responsif jika tetapan talinya salah. Seorang Stringer Bertauliah Antarabangsa tahu bahawa paun (lbs) berinteraksi secara langsung dengan ketegaran bingkai.<\/p>\n\n\n\n

Paun (lbs) Tali dan Rasa Kuasa.<\/strong> Pemasangan tali pada bingkai yang sedia kaku dengan paun (lbs) yang terlalu tinggi (28+ lbs) mencipta tetapan dengan hampir sifar lenturan. Jika anda kekurangan kelajuan ayunan profesional, tetapan ini akan terasa seperti memukul dengan papan kayu. Merendahkan paun (lbs) membolehkan tapak tali melentur dan memberikan kedalaman pukulan yang mudah, melembutkan kekasaran bingkai yang tegar.<\/p>\n\n\n\n

Peranan Kualiti Pasang Tali Raket.<\/strong> Konsistensi pasang tali raket yang teruk boleh mengelirukan maklum balas pemain sepenuhnya. Jika paun (lbs) tidak sekata, raket akan terasa tidak stabil dan lemah, menyebabkan pemain tersalah anggap dan menyalahkan kekakuan bingkai.<\/p>\n\n\n\n

Pengaruh Stringer.<\/strong> Inilah sebabnya mengapa mana-mana kursus pasang tali raket badminton yang bereputasi mengajar sinergi tetapan. Stringer badminton yang terlatih mesti menganalisis kekakuan bingkai anda dan melaraskan paun (lbs) untuk mengoptimumkan penjanaan kuasa khusus anda, bukannya sekadar menarik tali kepada nombor rawak.<\/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 Kesilapan Biasa<\/strong><\/h5>\n\n\n\n

Salah Paham<\/mark> Kekakuan Bingkai<\/mark> Biasa<\/strong><\/h2>\n\n\n\n

Kesilapan 1: Percaya Bahawa Kaku Menyebabkan Kuasa Segera.<\/strong>
Walaupun bingkai raket badminton yang lebih kaku boleh menghasilkan kuasa yang lebih besar pada impak yang sempurna, ia tidak mencipta tenaga secara ajaib. Jika ayunan anda lambat atau pemasaan anda salah, ketegaran sebenarnya akan menjadikan raket terasa tidak berkuasa dan tidak memaafkan.<\/p>\n\n\n\n

Kesilapan 2: Mengelirukan Kekakuan Bingkai dan Batang.<\/strong>
Ramai pemain membeli raket “sangat kaku” (extra stiff) dengan mengharapkan kuasa bingkai yang tulen, hanya untuk menyedari bahawa batang raket juga terlalu tegar untuk melentur semasa ayunan mereka, merosakkan kedalaman pukulan ‘clear’ mereka sepenuhnya.<\/p>\n\n\n\n

Kesilapan 3: Mengabaikan Nasihat Stringer.<\/strong>
Menyalahkan bingkai kerana terasa “mati” tanpa menganalisis tetapan tali adalah ralat yang kerap berlaku. Dalam kebanyakan kes, mendapatkan nasihat Stringer badminton terlatih untuk merendahkan paun (lbs) akan serta-merta mengembalikan rasa kuasa pada bingkai yang kaku.<\/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.6 Rangka Kerja Pemilihan<\/strong><\/h5>\n\n\n\n

Panduan Praktikal Tetapan Kuasa<\/mark> Untuk Pemain<\/mark><\/strong><\/h2>\n\n\n\n

Apabila mencari tindak balas bulu tangkis yang lebih langsung, memahami had kemampuan anda sendiri adalah penting. Gunakan panduan ini untuk menavigasi kekakuan bingkai dengan selamat:<\/p>\n\n\n\n

Langkah 1: Nilai Kualiti Sentuhan Anda.<\/strong> Bolehkah anda memukul sweet spot secara konsisten? Bingkai yang lebih kaku akan memberi ganjaran kepada pukulan bersih dengan pemindahan tenaga yang besar, tetapi jika anda kerap tersasar, kekasaran dan sifat kurang memaafkan akan mengatasi manfaat kuasanya.<\/p>\n\n\n\n

Langkah 2: Periksa Dinamik Keseluruhan Raket.<\/strong> Nilaikan ketegaran bingkai bersama dengan berat dan titik keseimbangan raket. Raket yang kaku dan berat kepala (head-heavy) adalah senjata kuasa muktamad, tetapi ia menuntut kekuatan fizikal elit untuk diayun dengan pantas.<\/p>\n\n\n\n

Langkah 3: Ubah Suai dengan Paun (lbs) Tali.<\/strong> Gunakan jenis dan paun (lbs) tali untuk menala halus rasanya. Jika bingkai kaku baharu anda terasa terlalu menghukum, minta Stringer anda untuk menurunkan paun (lbs) sebanyak 1-2 lbs bagi meningkatkan lenturan tapak tali dan memulihkan 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.7 Pembelajaran Lanjutan<\/strong><\/h5>\n\n\n\n

Nilai Persijilan Stringer<\/mark><\/strong><\/h2>\n\n\n\n

Penguasaan peralatan sebenar melangkaui sekadar dakwaan pemasaran. Inilah sebabnya mengapa kursus pasang tali raket badminton profesional menekankan interaksi antara kekakuan bingkai, tindak balas tapak tali, dan keupayaan sebenar pemain.<\/p>\n\n\n\n

Di Best Stringer Worldwide, kami melatih Stringer untuk memahami bahawa bingkai yang lebih kaku mengehadkan lenturan dan meningkatkan pemindahan kuasa, tetapi hanya jika teknik pemain boleh menyokongnya. Seorang Stringer Bertauliah Antarabangsa tidak akan secara membuta tuli mencadangkan paun (lbs) tinggi pada bingkai kaku jika pemain sudah pun bergelut dengan isu keselesaan.<\/p>\n\n\n\n

Persijilan Stringer memastikan bahawa nasihat teknikal adalah berasaskan realiti. Dengan memahami fizik lenturan bingkai raket badminton, Stringer kami memberikan cadangan tetapan yang benar-benar meningkatkan penjanaan kuasa anda sambil melindungi lengan anda.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n\n

FAQ Pantas<\/mark> Kekakuan Bingkai<\/mark><\/h2>\n\n\n\n

Jawapan yang jelas dan jujur tentang bagaimana ketegaran bingkai memberi kesan kepada kuasa dan tindak balas bulu tangkis anda.<\/p>\n\n\n

\n
\n\n

Adakah bingkai raket badminton yang lebih kaku menghasilkan lebih kuasa<\/mark>?<\/h3>\n\n\n\n

Ya, di bawah keadaan yang sama. Bingkai yang lebih kaku kurang melentur semasa impak bulu tangkis. Oleh kerana ia tidak membengkok dan menyerap tenaga ayunan anda, ia memindahkan daya tersebut dengan lebih cekap ke dalam bulu tangkis, menghasilkan kelajuan pelepasan yang lebih berat dan pantas.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Mengapa bingkai kaku boleh terasa lebih berkuasa<\/mark>?<\/h3>\n\n\n\n

Ia menyediakan asas yang jauh lebih kukuh untuk tapak tali. Daripada keseluruhan kepala raket meleding ke belakang apabila memukul bulu tangkis, bingkai yang kaku kekal pepejal, mencipta tindak balas bulu tangkis yang sangat tajam dan langsung yang terasa amat responsif pada pukulan bersih.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Adakah kekakuan bingkai sama dengan kekakuan batang<\/mark>?<\/h3>\n\n\n\n

Tidak. Kekakuan bingkai berkaitan dengan ketegaran kepala raket semasa detik impak yang tepat. Kekakuan batang menentukan bagaimana bahagian panjang raket melentur dan menendang balik semasa fasa ayunan sebenar sebelum impak.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Adakah bingkai kaku sesuai untuk setiap pemain badminton<\/mark>?<\/h3>\n\n\n\n

Tidak. Kerana ia menyerap sangat sedikit tenaga impak, ia jauh lebih kurang memaafkan. Kesilapan pukulan akan bergetar dengan kasar, dan jika pemain kekurangan pemasaan dan kelajuan ayunan untuk menjana kuasa, raket sebenarnya akan terasa sukar dan menyeksa untuk digunakan.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Bolehkah paun (lbs) tali mengubah rasa kuasa<\/mark>?<\/h3>\n\n\n\n

Ya, dengan ketara. Jika anda memadankan bingkai kaku dengan paun (lbs) tali yang sangat tinggi, tapak tali juga tidak akan melentur, menghasilkan rasa “mati” bagi kebanyakan pemain. Merendahkan paun (lbs) membolehkan tali bertindak seperti trampolin, mengembalikan kebolehgunaan kepada bingkai yang kaku.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Mengapa pasang tali yang teruk boleh mengelirukan maklum balas pemain<\/mark>?<\/h3>\n\n\n\n

Jika kualiti pasang tali tidak konsisten, paun (lbs) menurun dengan cepat atau tidak sekata. Ini mewujudkan zon mati pada tapak tali, menjadikan bingkai yang berkuasa dan kaku terasa lemah atau tidak jelas, menyebabkan pemain tersalah menilai keupayaan sebenar raket.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Apakah yang perlu dipertimbangkan oleh Stringer sebelum menasihati<\/mark>?<\/h3>\n\n\n\n

Seorang Stringer badminton mesti menilai teknik dan had keselesaan pemain. Mencadangkan bingkai yang sangat kaku memerlukan pengesahan bahawa pemain boleh mengendalikan rasa yang kurang memaafkan, serta melaraskan paun (lbs) tali untuk mengelakkan kecederaan lengan.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Mengapakah persijilan dan pengetahuan kursus penting<\/mark>?<\/h3>\n\n\n\n

Kursus pasang tali raket badminton mengajar fizik lenturan bingkai dan sinergi tetapan. Persijilan Stringer menjamin profesional tersebut memahami cara memanipulasi paun (lbs) tali supaya sesuai dengan sempurna dengan tindak balas kuasa bingkai yang lebih kaku.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Bolehkah bingkai fleksibel memukul dengan lebih kuat<\/mark>?<\/h3>\n\n\n\n

Ya, untuk pemain tertentu. Jika seorang pemain mempunyai ayunan yang lebih perlahan, bingkai dan batang yang lebih fleksibel akan bertindak seperti tarbil, menghasilkan kedalaman mudah yang tidak dapat mereka capai dengan raket yang lebih kaku dan menuntut. Stringer Bertauliah Antarabangsa membantu mencari keseimbangan ini.<\/p>\n\n<\/div><\/div>\n<\/div>\n\n

\n\n

Fizik Kuasa: Mengapa Ketegaran Bingkai Penting<\/mark><\/h2>\n\n\n\n\n\n\n \n \n Kekakuan & Pemindahan Kuasa<\/title>\n <style>\n \/* Scoped styles for WordPress safety *\/\n .tne-wrapper {\n --bg-color: #ffffff;\n --panel-bg: #f0f4f8;\n --text-main: #0f172a;\n --text-muted: #64748b;\n --accent-flex: #0ea5e9; \n --accent-stiff: #ef4444; \n --frame-dark: #0f172a;\n --frame-mid: #334155;\n --string-color: #cbd5e1;\n --border-color: #cbd5e1;\n --grid-line: rgba(15, 23, 42, 0.08);\n --hud-bg: rgba(15, 23, 42, 0.95);\n --hud-text: #38bdf8;\n --hud-alert: #f87171;\n \n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 950px;\n margin: 0 auto;\n background: var(--bg-color);\n border-radius: 16px;\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);\n border: 1px solid var(--border-color);\n overflow: hidden;\n color: var(--text-main);\n line-height: 1.5;\n user-select: none;\n }\n\n .tne-wrapper * { box-sizing: border-box; }\n\n .tne-header {\n padding: 30px 20px 20px;\n text-align: center;\n border-bottom: 1px solid var(--border-color);\n background-color: var(--bg-color);\n position: relative;\n overflow: hidden;\n }\n\n \/* Top header subtle tech styling *\/\n .tne-header::before {\n content: \"PELAJARAN INTERAKTIF\";\n position: absolute;\n top: 10px; right: 20px;\n font-family: 'Courier New', Courier, monospace;\n font-size: 0.7rem;\n color: var(--text-muted);\n letter-spacing: 2px;\n }\n\n .tne-header h2 {\n font-size: 1.8rem;\n font-weight: 800;\n margin: 0 0 12px 0;\n color: var(--text-main);\n letter-spacing: -0.5px;\n text-transform: uppercase;\n }\n\n .tne-header p {\n color: var(--text-muted);\n font-size: 0.95rem;\n max-width: 750px;\n margin: 0 auto;\n }\n\n .tne-stage {\n display: flex;\n padding: 30px 20px 40px;\n gap: 20px;\n background: #e2e8f0; \/* Darker backplate for contrast *\/\n }\n\n @media (max-width: 800px) {\n .tne-stage { flex-direction: column; padding: 20px 15px; }\n }\n\n .tne-panel {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: var(--panel-bg);\n border-radius: 8px;\n border: 1px solid #94a3b8;\n position: relative;\n overflow: hidden;\n box-shadow: inset 0 0 40px rgba(0,0,0,0.05);\n }\n\n \/* Scientific Grid Background & Crosshairs *\/\n .tne-panel::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-size: 20px 20px;\n background-image: \n linear-gradient(to right, var(--grid-line) 1px, transparent 1px),\n linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);\n z-index: 0;\n pointer-events: none;\n }\n \n .tne-panel::after {\n content: \"\";\n position: absolute;\n left: 50%; top: 0; bottom: 0;\n width: 1px;\n background: rgba(15, 23, 42, 0.2);\n z-index: 0;\n pointer-events: none;\n border-left: 1px dashed rgba(15, 23, 42, 0.4);\n }\n\n \/* Scanner Line Animation *\/\n .tne-scanner {\n position: absolute;\n top: -100px; left: 0; right: 0; height: 100px;\n background: linear-gradient(to bottom, transparent, rgba(14, 165, 233, 0.1) 90%, rgba(14, 165, 233, 0.4) 100%);\n z-index: 1;\n pointer-events: none;\n animation: tneScan 4s linear infinite;\n }\n @keyframes tneScan {\n 0% { transform: translateY(-10%); opacity: 0; }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n 100% { transform: translateY(600%); opacity: 0; }\n }\n\n .tne-panel-header {\n position: relative;\n z-index: 2;\n width: 100%;\n padding: 20px 20px 10px;\n text-align: center;\n }\n\n .tne-racket-title {\n font-size: 1.1rem;\n font-weight: 800;\n margin-bottom: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n\n .tne-badge {\n font-size: 0.7rem;\n padding: 4px 8px;\n border-radius: 4px;\n font-weight: 700;\n text-transform: uppercase;\n font-family: 'Courier New', Courier, monospace;\n letter-spacing: 0.5px;\n background: var(--hud-bg);\n border: 1px solid var(--hud-text);\n }\n .tne-badge-flex { color: var(--accent-flex); border-color: var(--accent-flex); }\n .tne-badge-stiff { color: var(--accent-stiff); border-color: var(--accent-stiff); }\n\n \/* ADVANCED HUD Telemetry Display *\/\n .tne-hud {\n position: absolute;\n top: 70px;\n left: 15px;\n background: var(--hud-bg);\n border: 1px solid rgba(255,255,255,0.2);\n border-radius: 4px;\n padding: 12px;\n font-family: 'Courier New', Courier, monospace;\n font-size: 0.75rem;\n z-index: 10;\n box-shadow: 0 10px 20px rgba(0,0,0,0.3);\n pointer-events: none;\n width: 170px;\n color: #94a3b8;\n }\n .tne-hud::before {\n content: \"DATA LANGSUNG\";\n display: block;\n font-size: 0.6rem;\n color: #10b981;\n margin-bottom: 8px;\n animation: tneBlink 1.5s infinite;\n }\n @keyframes tneBlink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }\n\n .tne-hud-row {\n display: flex;\n justify-content: space-between;\n margin-bottom: 6px;\n border-bottom: 1px dashed rgba(255,255,255,0.1);\n padding-bottom: 2px;\n }\n .tne-hud-row:last-child { margin-bottom: 0; border-bottom: none; }\n .tne-hud-val { font-weight: 800; font-size: 0.85rem; }\n \n .tne-hud-flex .tne-hud-val { color: var(--accent-flex); text-shadow: 0 0 5px rgba(14, 165, 233, 0.5); }\n .tne-hud-stiff .tne-hud-val { color: var(--accent-stiff); text-shadow: 0 0 5px rgba(239, 68, 68, 0.5); }\n\n \/* Energy Progress Bar in HUD *\/\n .tne-hud-bar-bg {\n width: 100%;\n height: 4px;\n background: #334155;\n margin-top: 4px;\n border-radius: 2px;\n overflow: hidden;\n }\n .tne-hud-bar-fill {\n height: 100%;\n width: 0%;\n background: #10b981;\n box-shadow: 0 0 8px #10b981;\n }\n\n \/* Interactive Zone *\/\n .tne-interaction-zone {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n cursor: pointer;\n position: relative;\n touch-action: none;\n z-index: 2;\n padding-bottom: 24px;\n }\n\n .tne-svg-wrap {\n width: 100%;\n max-width: 280px;\n aspect-ratio: 2 \/ 3.2;\n overflow: visible;\n pointer-events: none;\n margin-top: 10px;\n }\n\n .tne-instruction {\n margin-top: 15px;\n font-size: 0.85rem;\n font-weight: 800;\n color: var(--text-main);\n padding: 10px 24px;\n border: 2px solid var(--text-main);\n border-radius: 6px;\n background: #ffffff;\n transition: all 0.2s;\n text-transform: uppercase;\n letter-spacing: 1px;\n box-shadow: 4px 4px 0px rgba(15, 23, 42, 0.1);\n }\n\n \/* SVG Components *\/\n .tne-pivot {\n transform-origin: 150px 280px;\n transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .tne-shuttle { opacity: 0; }\n .tne-speed-trail { opacity: 0; }\n .tne-arc { opacity: 0; stroke-dasharray: 4,4; transition: opacity 0.3s; }\n .tne-stress-node { opacity: 0; transition: opacity 0.5s; }\n .tne-crosshair { stroke: rgba(15, 23, 42, 0.3); stroke-width: 1; fill: none; }\n\n \/* ================= STATES ================= *\/\n \n \/* 1. Pulling State *\/\n .tne-panel.is-pulling .tne-instruction {\n background: var(--text-main);\n color: #ffffff;\n transform: translate(2px, 2px);\n box-shadow: 2px 2px 0px rgba(15, 23, 42, 0.1);\n }\n .tne-panel.is-pulling .tne-shuttle { opacity: 1; transition: opacity 0.3s; }\n .tne-panel.is-pulling .tne-arc { opacity: 1; }\n .tne-panel.is-pulling .tne-stress-node { opacity: 1; }\n \n \/* Flex specific pull *\/\n .tne-panel-flex.is-pulling .tne-pivot { transform: rotate(-24.5deg); transition: transform 1.2s cubic-bezier(0.1, 0.7, 0.1, 1); }\n .tne-panel-flex.is-pulling .tne-hud-bar-fill { background: var(--accent-flex); box-shadow: 0 0 8px var(--accent-flex); }\n\n \/* Stiff specific pull *\/\n .tne-panel-stiff.is-pulling .tne-pivot { transform: rotate(-6.2deg); transition: transform 1.2s cubic-bezier(0.1, 0.7, 0.1, 1); }\n .tne-panel-stiff.is-pulling .tne-hud-bar-fill { background: var(--accent-stiff); box-shadow: 0 0 8px var(--accent-stiff); }\n\n \/* 2. Shooting State *\/\n @keyframes flexSnap {\n 0% { transform: rotate(calc(var(--snap-angle, -24.5) * 1deg)); }\n 20% { transform: rotate(calc(var(--snap-angle, -24.5) * -0.4deg)); }\n 50% { transform: rotate(calc(var(--snap-angle, -24.5) * 0.15deg)); }\n 100% { transform: rotate(0deg); }\n }\n @keyframes flexFly {\n 0% { transform: translate(12px, 0); opacity: 1; }\n 90% { transform: translate(250px, 15px); opacity: 1; } \n 100% { transform: translate(260px, 15px); opacity: 0; }\n }\n\n .tne-panel-flex.is-shooting .tne-pivot { animation: flexSnap var(--snap-dur, 0.8s) ease-out forwards; }\n .tne-panel-flex.is-shooting .tne-shuttle { animation: flexFly var(--fly-dur, 0.7s) ease-out forwards; }\n \n @keyframes stiffSnap {\n 0% { transform: rotate(calc(var(--snap-angle, -6.2) * 1deg)); }\n 15% { transform: rotate(calc(var(--snap-angle, -6.2) * -0.3deg)); }\n 40% { transform: rotate(calc(var(--snap-angle, -6.2) * 0.15deg)); }\n 100% { transform: rotate(0deg); }\n }\n @keyframes stiffFly {\n 0% { transform: translate(12px, 0); opacity: 1; }\n 90% { transform: translate(400px, 0); opacity: 1; } \n 100% { transform: translate(420px, 0); opacity: 0; }\n }\n @keyframes speedTrails {\n 0% { opacity: 0; transform: scaleX(0.5); }\n 10% { opacity: 1; transform: scaleX(1.2); }\n 60% { opacity: 0; transform: scaleX(2) translate(50px, 0); }\n 100% { opacity: 0; }\n }\n\n .tne-panel-stiff.is-shooting .tne-pivot { animation: stiffSnap var(--snap-dur, 0.6s) ease-out forwards; }\n .tne-panel-stiff.is-shooting .tne-shuttle { animation: stiffFly var(--fly-dur, 0.3s) ease-out forwards; }\n .tne-panel-stiff.is-shooting .tne-speed-trail { animation: speedTrails var(--fly-dur, 0.3s) ease-out forwards; }\n\n <\/style>\n<\/head>\n<body>\n\n<div class=\"tne-wrapper\">\n <div class=\"tne-header\">\n <h2>Kekakuan & Kuasa<\/h2>\n <p><strong>Tekan dan tahan<\/strong> kepala raket untuk memuatkan tenaga, kemudian <strong>lepaskan untuk memukul<\/strong>. Perhatikan bagaimana bingkai fleksibel melentur dengan dalam, menyerap tenaga, manakala bingkai kaku menahan lenturan untuk memindahkan kelajuan maksimum kepada bulu tangkis.<\/p>\n <\/div>\n\n <div class=\"tne-stage\">\n \n <!-- Left Panel: Flexible Racket -->\n <div class=\"tne-panel tne-panel-flex\" id=\"panelFlex\">\n <div class=\"tne-scanner\"><\/div>\n \n <div class=\"tne-panel-header\">\n <div class=\"tne-racket-title\">Bingkai Fleksibel <span class=\"tne-badge tne-badge-flex\">Lenturan Tinggi<\/span><\/div>\n <\/div>\n\n <!-- Advanced Telemetry HUD -->\n <div class=\"tne-hud tne-hud-flex\">\n <div class=\"tne-hud-row\"><span class=\"tne-hud-label\">Sudut Lenturan:<\/span> <span class=\"tne-hud-val\" id=\"valDegFlex\">0.0\u00b0<\/span><\/div>\n <div class=\"tne-hud-row\"><span class=\"tne-hud-label\">Beban Tenaga:<\/span> <span class=\"tne-hud-val\" id=\"valEnergyFlex\">0.0 J<\/span><\/div>\n <div class=\"tne-hud-bar-bg\"><div class=\"tne-hud-bar-fill\" id=\"barFlex\"><\/div><\/div>\n <div style=\"height: 6px;\"><\/div> <!-- Spacer -->\n <div class=\"tne-hud-row\"><span class=\"tne-hud-label\">Kelajuan Bulu Tangkis:<\/span> <span class=\"tne-hud-val\" id=\"valVelFlex\">TUNGGU<\/span><\/div>\n <div class=\"tne-hud-row\"><span class=\"tne-hud-label\">Pemindahan Kuasa:<\/span> <span class=\"tne-hud-val\" id=\"valEffFlex\">TUNGGU<\/span><\/div>\n <\/div>\n \n <div class=\"tne-interaction-zone\" data-panel=\"panelFlex\" data-maxdeg=\"24.5\" data-maxenergy=\"85\" data-vel=\"215 km\/h\" data-eff=\"68%\">\n <div class=\"tne-svg-wrap\">\n <svg viewBox=\"0 0 300 420\" width=\"100%\" height=\"100%\">\n <defs>\n <pattern id=\"tneStringsFlex\" width=\"6\" height=\"12\" patternUnits=\"userSpaceOnUse\">\n <path d=\"M 6 0 L 0 0 0 12\" fill=\"none\" stroke=\"var(--string-color)\" stroke-width=\"0.8\"\/>\n <\/pattern>\n <linearGradient id=\"frameGradFlex\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#94a3b8\"\/><stop offset=\"50%\" stop-color=\"#3b82f6\"\/><stop offset=\"100%\" stop-color=\"#1e3a8a\"\/>\n <\/linearGradient>\n <!-- Stress Heatmap Gradient -->\n <radialGradient id=\"stressHeatFlex\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#ef4444\" stop-opacity=\"0.9\"\/>\n <stop offset=\"40%\" stop-color=\"#f59e0b\" stop-opacity=\"0.6\"\/>\n <stop offset=\"100%\" stop-color=\"#f59e0b\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <\/defs>\n\n <!-- Scientific Crosshairs -->\n <circle cx=\"150\" cy=\"120\" r=\"100\" class=\"tne-crosshair\" stroke-dasharray=\"2,6\"\/>\n <line x1=\"0\" y1=\"120\" x2=\"300\" y2=\"120\" class=\"tne-crosshair\" stroke-dasharray=\"4,4\"\/>\n\n <!-- Static Handle -->\n <g>\n <path d=\"M 143 280 L 157 280 L 160 310 L 140 310 Z\" fill=\"#334155\"\/>\n <rect x=\"140\" y=\"310\" width=\"20\" height=\"70\" fill=\"#1e293b\" rx=\"2\"\/>\n <circle cx=\"150\" cy=\"280\" r=\"4\" fill=\"#0ea5e9\" \/> <!-- Pivot Joint Marker -->\n <text x=\"165\" y=\"284\" font-family=\"monospace\" font-size=\"10\" fill=\"#64748b\">Y:280 PIVOT<\/text>\n <\/g>\n\n <!-- Measurement Arc -->\n <path class=\"tne-arc\" d=\"M 150 150 A 130 130 0 0 0 95 160\" fill=\"none\" stroke=\"#0ea5e9\" stroke-width=\"2\"\/>\n\n <!-- Pivoting Top Section -->\n <g class=\"tne-pivot\">\n <!-- Shaft -->\n <rect x=\"146\" y=\"195\" width=\"8\" height=\"85\" fill=\"url(#frameGradFlex)\"\/>\n <!-- Stress Heatmap Node (Appears on flex midpoint) -->\n <ellipse cx=\"150\" cy=\"240\" rx=\"15\" ry=\"30\" fill=\"url(#stressHeatFlex)\" class=\"tne-stress-node\"\/>\n \n <!-- Head -->\n <ellipse cx=\"150\" cy=\"120\" rx=\"18\" ry=\"75\" fill=\"none\" stroke=\"url(#frameGradFlex)\" stroke-width=\"8\"\/>\n <ellipse cx=\"150\" cy=\"120\" rx=\"15\" ry=\"72\" fill=\"url(#tneStringsFlex)\"\/>\n \n <!-- Shuttlecock -->\n <g class=\"tne-shuttle\" transform=\"translate(12, 0)\">\n <path d=\"M 150,115 L 130,108 L 128,132 L 150,125 Z\" fill=\"#f8fafc\" stroke=\"#cbd5e1\" stroke-width=\"1\"\/>\n <path d=\"M 150,114 A 6,6 0 0,1 150,126 Z\" fill=\"#ffffff\" stroke=\"#94a3b8\" stroke-width=\"1\"\/>\n <line x1=\"152\" y1=\"114\" x2=\"152\" y2=\"126\" stroke=\"#0284c7\" stroke-width=\"1.5\"\/>\n <\/g>\n <\/g>\n <\/svg>\n <\/div>\n <div class=\"tne-instruction\" id=\"instFlex\">Tarik Untuk Muat<\/div>\n <\/div>\n <\/div>\n\n <!-- Right Panel: Stiff Racket -->\n <div class=\"tne-panel tne-panel-stiff\" id=\"panelStiff\">\n <div class=\"tne-scanner\"><\/div>\n \n <div class=\"tne-panel-header\">\n <div class=\"tne-racket-title\">Bingkai Kaku <span class=\"tne-badge tne-badge-stiff\">Lenturan Rendah<\/span><\/div>\n <\/div>\n\n <!-- Advanced Telemetry HUD -->\n <div class=\"tne-hud tne-hud-stiff\">\n <div class=\"tne-hud-row\"><span class=\"tne-hud-label\">Sudut Lenturan:<\/span> <span class=\"tne-hud-val\" id=\"valDegStiff\">0.0\u00b0<\/span><\/div>\n <div class=\"tne-hud-row\"><span class=\"tne-hud-label\">Beban Tenaga:<\/span> <span class=\"tne-hud-val\" id=\"valEnergyStiff\">0.0 J<\/span><\/div>\n <div class=\"tne-hud-bar-bg\"><div class=\"tne-hud-bar-fill\" id=\"barStiff\"><\/div><\/div>\n <div style=\"height: 6px;\"><\/div> <!-- Spacer -->\n <div class=\"tne-hud-row\"><span class=\"tne-hud-label\">Kelajuan Bulu Tangkis:<\/span> <span class=\"tne-hud-val\" id=\"valVelStiff\">TUNGGU<\/span><\/div>\n <div class=\"tne-hud-row\"><span class=\"tne-hud-label\">Pemindahan Kuasa:<\/span> <span class=\"tne-hud-val\" id=\"valEffStiff\">TUNGGU<\/span><\/div>\n <\/div>\n \n <div class=\"tne-interaction-zone\" data-panel=\"panelStiff\" data-maxdeg=\"6.2\" data-maxenergy=\"115\" data-vel=\"285 km\/h\" data-eff=\"94%\">\n <div class=\"tne-svg-wrap\">\n <svg viewBox=\"0 0 300 420\" width=\"100%\" height=\"100%\">\n <defs>\n <pattern id=\"tneStringsStiff\" width=\"6\" height=\"12\" patternUnits=\"userSpaceOnUse\">\n <path d=\"M 6 0 L 0 0 0 12\" fill=\"none\" stroke=\"var(--string-color)\" stroke-width=\"0.8\"\/>\n <\/pattern>\n <linearGradient id=\"frameGradStiff\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#94a3b8\"\/><stop offset=\"50%\" stop-color=\"#475569\"\/><stop offset=\"100%\" stop-color=\"#0f172a\"\/>\n <\/linearGradient>\n <!-- Stress Heatmap Gradient (Smaller\/cooler for stiff) -->\n <radialGradient id=\"stressHeatStiff\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#f59e0b\" stop-opacity=\"0.6\"\/>\n <stop offset=\"100%\" stop-color=\"#f59e0b\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <\/defs>\n\n <!-- Scientific Crosshairs -->\n <circle cx=\"150\" cy=\"120\" r=\"100\" class=\"tne-crosshair\" stroke-dasharray=\"2,6\"\/>\n <line x1=\"0\" y1=\"120\" x2=\"300\" y2=\"120\" class=\"tne-crosshair\" stroke-dasharray=\"4,4\"\/>\n\n <!-- Static Handle -->\n <g>\n <path d=\"M 143 280 L 157 280 L 160 310 L 140 310 Z\" fill=\"#334155\"\/>\n <rect x=\"140\" y=\"310\" width=\"20\" height=\"70\" fill=\"#1e293b\" rx=\"2\"\/>\n <circle cx=\"150\" cy=\"280\" r=\"4\" fill=\"#dc2626\" \/>\n <text x=\"165\" y=\"284\" font-family=\"monospace\" font-size=\"10\" fill=\"#64748b\">Y:280 PIVOT<\/text>\n <\/g>\n\n <!-- Measurement Arc (Smaller for stiff) -->\n <path class=\"tne-arc\" d=\"M 150 150 A 130 130 0 0 0 135 151\" fill=\"none\" stroke=\"#dc2626\" stroke-width=\"2\"\/>\n\n <!-- Pivoting Top Section -->\n <g class=\"tne-pivot\">\n <!-- Shaft (Thicker) -->\n <rect x=\"145\" y=\"195\" width=\"10\" height=\"85\" fill=\"url(#frameGradStiff)\"\/>\n <!-- Stress Heatmap Node (Minimal on stiff) -->\n <ellipse cx=\"150\" cy=\"260\" rx=\"10\" ry=\"15\" fill=\"url(#stressHeatStiff)\" class=\"tne-stress-node\"\/>\n \n <!-- Head -->\n <ellipse cx=\"150\" cy=\"120\" rx=\"18\" ry=\"75\" fill=\"none\" stroke=\"url(#frameGradStiff)\" stroke-width=\"9\"\/>\n <ellipse cx=\"150\" cy=\"120\" rx=\"15\" ry=\"72\" fill=\"url(#tneStringsStiff)\"\/>\n \n <!-- Shuttlecock & Trails -->\n <g class=\"tne-speed-trail\">\n <line x1=\"150\" y1=\"116\" x2=\"210\" y2=\"116\" stroke=\"#fca5a5\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <line x1=\"150\" y1=\"124\" x2=\"210\" y2=\"124\" stroke=\"#fca5a5\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <line x1=\"150\" y1=\"120\" x2=\"240\" y2=\"120\" stroke=\"#dc2626\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n <\/g>\n <g class=\"tne-shuttle\" transform=\"translate(12, 0)\">\n <path d=\"M 150,115 L 130,108 L 128,132 L 150,125 Z\" fill=\"#f8fafc\" stroke=\"#cbd5e1\" stroke-width=\"1\"\/>\n <path d=\"M 150,114 A 6,6 0 0,1 150,126 Z\" fill=\"#ffffff\" stroke=\"#94a3b8\" stroke-width=\"1\"\/>\n <line x1=\"152\" y1=\"114\" x2=\"152\" y2=\"126\" stroke=\"#dc2626\" stroke-width=\"1.5\"\/>\n <\/g>\n <\/g>\n <\/svg>\n <\/div>\n <div class=\"tne-instruction\" id=\"instStiff\">Tarik Untuk Muat<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n document.addEventListener('DOMContentLoaded', function() {\n const zones = document.querySelectorAll('.tne-interaction-zone');\n\n zones.forEach(zone => {\n const panelId = zone.getAttribute('data-panel');\n const panel = document.getElementById(panelId);\n const inst = document.getElementById(panelId === 'panelFlex' ? 'instFlex' : 'instStiff');\n \n \/\/ HUD Elements\n const valDeg = document.getElementById(panelId === 'panelFlex' ? 'valDegFlex' : 'valDegStiff');\n const valEnergy = document.getElementById(panelId === 'panelFlex' ? 'valEnergyFlex' : 'valEnergyStiff');\n const barFill = document.getElementById(panelId === 'panelFlex' ? 'barFlex' : 'barStiff');\n const valVel = document.getElementById(panelId === 'panelFlex' ? 'valVelFlex' : 'valVelStiff');\n const valEff = document.getElementById(panelId === 'panelFlex' ? 'valEffFlex' : 'valEffStiff');\n \n \/\/ Physics Data attached to HTML dataset\n const maxDeg = parseFloat(zone.getAttribute('data-maxdeg'));\n const maxEnergy = parseFloat(zone.getAttribute('data-maxenergy'));\n const finalVel = zone.getAttribute('data-vel');\n const finalEff = zone.getAttribute('data-eff');\n\n let isPulling = false;\n let pullStartTime = 0;\n let currentEaseOut = 0;\n let animationFrameId;\n let shootTimeout;\n let scrambleInterval;\n\n \/\/ Mathematical animation function for Live HUD numbers\n const updateTelemetry = () => {\n if(!isPulling) return;\n \n const elapsed = Date.now() - pullStartTime;\n const progress = Math.min(elapsed \/ 1200, 1); \/\/ 1.2s to fully load\n \n \/\/ Ease out cubic logic for numbers to match CSS physical transition\n currentEaseOut = 1 - Math.pow(1 - progress, 3);\n \n const currentDeg = (maxDeg * currentEaseOut).toFixed(1);\n const currentEnergy = (maxEnergy * currentEaseOut).toFixed(1);\n \n valDeg.innerText = currentDeg + \"\u00b0\";\n valEnergy.innerText = currentEnergy + \" J\";\n barFill.style.width = (progress * 100) + \"%\";\n\n if(progress < 1) {\n animationFrameId = requestAnimationFrame(updateTelemetry);\n }\n };\n\n \/\/ Simulates high-speed computer processing before showing result\n const scrambleResults = (callback) => {\n let ticks = 0;\n scrambleInterval = setInterval(() => {\n valVel.innerText = Math.floor(Math.random() * 300) + \" km\/h\";\n valEff.innerText = Math.floor(Math.random() * 99) + \"%\";\n ticks++;\n if(ticks > 8) { \/\/ run for ~400ms\n clearInterval(scrambleInterval);\n callback();\n }\n }, 50);\n };\n\n const startInteraction = (e) => {\n e.preventDefault(); \n if(panel.classList.contains('is-shooting')) return; \n \n isPulling = true;\n currentEaseOut = 0;\n clearInterval(scrambleInterval); \/\/ Reset any running scrambles\n \n panel.classList.remove('is-shooting');\n panel.classList.add('is-pulling');\n inst.innerHTML = \"MEMUATKAN TENAGA...\";\n \n \/\/ Reset HUD stats for a new pull\n valVel.innerText = \"KIRA...\";\n valEff.innerText = \"KIRA...\";\n barFill.style.width = \"0%\";\n \n pullStartTime = Date.now();\n updateTelemetry();\n };\n\n const endInteraction = (e) => {\n if(!isPulling) return;\n isPulling = false;\n cancelAnimationFrame(animationFrameId);\n \n \/\/ Calculate dynamics based on load time BEFORE shooting\n let loadRatio = Math.max(0.05, currentEaseOut); \/\/ Set floor to avoid zero math\n \n \/\/ Dynamically set CSS variables to adjust the physics animation curve\n panel.style.setProperty('--snap-angle', -(maxDeg * currentEaseOut));\n \n if (panelId === 'panelFlex') {\n panel.style.setProperty('--fly-dur', (1.4 - loadRatio * 0.8) + 's');\n panel.style.setProperty('--snap-dur', (1.0 - loadRatio * 0.2) + 's');\n } else {\n panel.style.setProperty('--fly-dur', (0.8 - loadRatio * 0.6) + 's');\n panel.style.setProperty('--snap-dur', (0.7 - loadRatio * 0.2) + 's');\n }\n \n panel.classList.remove('is-pulling');\n void panel.offsetWidth; \/\/ Trigger reflow\n panel.classList.add('is-shooting');\n \n inst.innerHTML = \"BULU TANGKIS DILEPASKAN!\";\n\n \/\/ Snap back initial readings\n valDeg.innerText = \"0.0\u00b0\"; \n valEnergy.innerText = \"0.0 J\";\n barFill.style.width = \"0%\";\n\n \/\/ Dynamic Results Calculation based on Load\n let calcVel = Math.round(parseInt(finalVel) * loadRatio) + \" km\/h\";\n let calcEff = Math.round(parseInt(finalEff) * (0.8 + loadRatio * 0.2)) + \"%\";\n\n \/\/ Trigger Scientific Scramble Effect\n scrambleResults(() => {\n valVel.innerText = calcVel;\n valEff.innerText = calcEff;\n });\n\n \/\/ Reset Instructions\n clearTimeout(shootTimeout);\n shootTimeout = setTimeout(() => {\n panel.classList.remove('is-shooting');\n inst.innerHTML = \"Tarik Untuk Muat\";\n }, 2000);\n };\n\n zone.addEventListener('mousedown', startInteraction);\n zone.addEventListener('touchstart', startInteraction, {passive: false});\n\n window.addEventListener('mouseup', endInteraction);\n window.addEventListener('touchend', endInteraction);\n });\n });\n<\/script>\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=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Semakan Kuasa & Kekakuan Bingkai Raket Badminton<\/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\udff8 Semakan Kekakuan Bingkai & Kuasa<\/div>\n <div style=\"font-size: 14px; opacity: 0.9; line-height: 1.4; margin-bottom: 16px;\">\n <strong>Adakah anda faham bagaimana bingkai yang lebih kaku mempengaruhi kuasa dan rasa?<\/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;\">BIOMEKANIK<\/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;\">MEKANIK<\/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 Sebelumnya<\/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;\">Sedia<\/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! Memandangkan anda telah memahami bagaimana kekakuan bingkai memberi kesan kepada kuasa dan tindak balas langsung, adakah anda bersedia untuk meningkatkan pengetahuan teknikal anda dengan pasang tali 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 Mohon 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:\"Apabila semua keadaan adalah sama, mengapa bingkai yang lebih kaku biasanya boleh menghasilkan kuasa yang lebih besar?\", opts:[\"Ia kurang melentur, memindahkan lebih banyak tenaga secara langsung ke dalam bulu tangkis\", \"Ia secara aktif mencipta tenaga daripada ketiadaan\", \"Ia menggunakan tali khas yang tidak boleh putus\", \"Ia memaksa pemain untuk menghayun dengan lebih perlahan\"], correct:0, skill:\"power\", label:\"LENTURAN\"},\n {q:\"Apakah perbezaan utama antara kekakuan bingkai dan kekakuan batang?\", opts:[\"Tiada perbezaan; kedua-duanya adalah sama\", \"Kekakuan bingkai ialah ketegaran kepala pada impak; kekakuan batang ialah lenturan semasa ayunan\", \"Kekakuan bingkai hanya untuk pemain pro; kekakuan batang adalah untuk pemula\", \"Stringer badminton hanya mengukur kekakuan batang\"], correct:1, skill:\"physics\", label:\"KEKAKUAN\"},\n {q:\"Mengapa bingkai yang lebih kaku tidak menjamin keputusan yang lebih baik untuk setiap pemain badminton?\", opts:[\"Kerana bingkai kaku adalah menyalahi undang-undang secara teknikal\", \"Kerana ia kurang memaafkan dan memerlukan pemasaan yang sangat baik untuk pukulan bersih\", \"Kerana ia sentiasa terlalu berat untuk diangkat\", \"Kerana ia sentiasa mematahkan bulu tangkis serta-merta\"], correct:1, skill:\"suitability\", label:\"PEMAIN\"},\n {q:\"Bagaimanakah rasa bingkai yang sangat kaku apabila pemain tersasar memukul bulu tangkis?\", opts:[\"Sangat lembut dan selesa\", \"Seperti memukul sweet spot yang sempurna\", \"Kasar, dengan getaran yang meningkat dan tindak balas yang lemah\", \"Ia secara semula jadi menghilangkan semua getaran sepenuhnya\"], correct:2, skill:\"feedback\", label:\"RASA\"},\n {q:\"Bagaimanakah paun (lbs) tali boleh mempengaruhi persepsi pemain terhadap kuasa pada bingkai yang kaku?\", opts:[\"Paun (lbs) tidak penting pada bingkai kaku\", \"Paun (lbs) yang sangat tinggi menjadikannya terasa mati tanpa teknik pro; menurunkan paun (lbs) mengembalikan kebolehgunaan\", \"Paun (lbs) yang rendah memusnahkan bingkai kaku sepenuhnya\", \"Paun (lbs) tali hanya mengubah warna raket\"], correct:1, skill:\"tension\", label:\"TETAPAN\"},\n {q:\"Mengapakah Stringer badminton patut mengelak daripada memberi nasihat berdasarkan kekakuan bingkai sahaja?\", opts:[\"Kerana cadangan yang betul mesti merangkumi teknik pemain dan pilihan paun (lbs) tali\", \"Kerana kekakuan bingkai tidak wujud\", \"Kerana Stringer hanya patut menjual raket yang paling mahal\", \"Kerana adalah mustahil untuk mengetahui jika bingkai itu kaku\"], correct:0, skill:\"consultation\", label:\"STRINGER\"},\n {q:\"Apakah yang diajar oleh kursus pasang tali raket badminton tentang ketegaran bingkai?\", opts:[\"Cara untuk mengabaikan bingkai dan hanya menarik tali\", \"Sinergi teknikal antara lenturan bingkai, kehilangan tenaga, dan tetapan paun (lbs)\", \"Cara untuk meyakinkan pemain bahawa mereka memerlukan bingkai yang lebih kaku\", \"Cara untuk menjadikan bingkai fleksibel menjadi kaku secara buatan\"], correct:1, skill:\"education\", label:\"KURSUS\"},\n {q:\"Jika seorang pemain mendapati raket kaku mereka terlalu menuntut dan lemah, apakah yang mungkin dicadangkan oleh seorang Stringer Bertauliah Antarabangsa?\", opts:[\"Menurunkan paun (lbs) tali sedikit untuk membolehkan lebih banyak lenturan tapak tali dan lebih memaafkan\", \"Menyuruh mereka menghayun dua kali lebih kuat pada masa akan datang\", \"Meningkatkan paun (lbs) kepada 30 lbs\", \"Segera menjual raket yang lebih kaku kepada mereka\"], correct:0, skill:\"evaluation\", label:\"NASIHAT\"}\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;\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 Penilaian \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!' : 'Permulaan 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 Pasang Tali Raket<\/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 peralatan yang disahkan dan digunakan oleh profesional terkemuka. Kami mengutamakan keselamatan lengan, penilaian bingkai raket yang betul, dan kecekapan gaya permainan berbanding mengikut trend paun (lbs) 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 Spesifikasi<\/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\">Pemeliharaan Bingkai<\/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 Pemilihan<\/div>\n\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kesan Ciri-ciri ke atas Gaya Permainan<\/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\">Tindak Balas Kuasa: Bingkai Kaku vs Fleksibel<\/div>\n\n <table class=\"bsw-table\">\n <thead>\n <tr>\n <th>Sifat Raket & Tetapan<\/th>\n <th>Bingkai Kaku (Keadaan sama)<\/th>\n <th>Bingkai Fleksibel (Keadaan sama)<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>Tindak Balas Langsung<\/td>\n <td>Kelajuan pelepasan bulu tangkis yang terus dan langsung pada masa impak.<\/td>\n <td class=\"bsw-highlight\">Sedikit tertangguh, memegang bulu tangkis lebih lama sebelum dilepaskan.<\/td>\n <\/tr>\n <tr>\n <td>Pemindahan Kuasa pada Pukulan Bersih<\/td>\n <td>Pulangan tenaga maksimum, menghasilkan kuasa puncak yang lebih tinggi.<\/td>\n <td class=\"bsw-highlight\">Sebahagian tenaga diserap oleh lenturan bingkai.<\/td>\n <\/tr>\n <tr>\n <td>Memaafkan & Keselesaan<\/td>\n <td>Getaran yang lebih kasar, menuntut dari segi teknik dan pemasaan.<\/td>\n <td class=\"bsw-highlight\">Sangat memaafkan, rasa impak yang lebih lembut pada lengan.<\/td>\n <\/tr>\n <tr>\n <td>Kesesuaian Pemain<\/td>\n <td>Pemain badminton lanjutan dengan kelajuan ayunan yang cemerlang.<\/td>\n <td class=\"bsw-highlight\">Pemula hingga pemain pertengahan yang mencari kedalaman dan keselesaan mudah.<\/td>\n <\/tr>\n <tr>\n <td>Sensitiviti Tetapan<\/td>\n <td>Sangat sensitif terhadap perubahan paun (lbs) tali; mudah terasa mati.<\/td>\n <td class=\"bsw-highlight\">Lebih toleran terhadap pemasangan tali yang tidak sempurna atau paun (lbs) menurun.<\/td>\n <\/tr>\n <tr>\n <td>Nasihat daripada Stringer Bertauliah Antarabangsa<\/td>\n <td>Imbangi paun (lbs) dengan berhati-hati untuk mengelakkan kekasaran berlebihan.<\/td>\n <td class=\"bsw-highlight\">Optimumkan tetapan untuk membantu menjana kedalaman pukulan ‘clear’ dengan mudah.<\/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\">Pemindahan Kuasa & Tindak Balas<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Bingkai Kaku (Keadaan sama):<\/span>\n <div class=\"bsw-trad-opt\">Kelajuan pelepasan bulu tangkis yang terus dan langsung. Pulangan tenaga maksimum pada pukulan bersih.<\/div>\n <span class=\"bsw-label\">Bingkai Fleksibel (Keadaan sama):<\/span>\n <div class=\"bsw-modern-opt\">Sedikit tertangguh pelepasannya. Sebahagian tenaga diserap oleh lenturan bingkai.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bsw-card\">\n <div class=\"bsw-card-header\">Memaafkan & Tahap Pemain<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Bingkai Kaku (Keadaan sama):<\/span>\n <div class=\"bsw-trad-opt\">Getaran yang lebih kasar. Terbaik untuk pemain badminton lanjutan dengan kelajuan ayunan cemerlang.<\/div>\n <span class=\"bsw-label\">Bingkai Fleksibel (Keadaan sama):<\/span>\n <div class=\"bsw-modern-opt\">Sangat memaafkan. Sesuai untuk pemula hingga pertengahan yang mencari kedalaman mudah.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bsw-card\">\n <div class=\"bsw-card-header\">Tetapan & Nasihat Stringer<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Bingkai Kaku (Keadaan sama):<\/span>\n <div class=\"bsw-trad-opt\">Sangat sensitif kepada paun (lbs). Imbangi paun (lbs) dengan berhati-hati elak kekasaran berlebihan.<\/div>\n <span class=\"bsw-label\">Bingkai Fleksibel (Keadaan sama):<\/span>\n <div class=\"bsw-modern-opt\">Lebih toleran pemasangan tidak sempurna. Optimumkan tetapan untuk jana kedalaman mudah.<\/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\">Konsultasi<\/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\">Tetapan Raket<\/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 menaik taraf pengetahuan anda? Best Stringer Worldwide menawarkan konsultasi pasang tali raket profesional untuk mengajar anda bagaimana kekakuan bingkai dan tetapan tali mempengaruhi kuasa dengan selamat. Kami berkhidmat untuk pemain badminton di seluruh dunia terutamanya di Malaysia, Singapura, Hong Kong, Indonesia, UK, Perancis dan Eropah. Dapatkan persijilan Stringer untuk mencari paun (lbs) dan ketebalan tali yang sempurna bagi pemain di mana-mana sahaja.<\/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>","protected":false},"excerpt":{"rendered":"<p>FAQ Pantas Kekakuan Bingkai Jawapan yang jelas dan jujur tentang bagaimana ketegaran bingkai memberi kesan kepada kuasa dan tindak balas bulu tangkis anda. Fizik Kuasa: Mengapa Ketegaran Bingkai Penting Kekakuan & Pemindahan Kuasa Kekakuan & Kuasa Tekan dan tahan kepala raket untuk memuatkan tenaga, kemudian lepaskan untuk memukul. Perhatikan bagaimana bingkai fleksibel melentur dengan dalam, … <a title=\"Memahami Kekerasan Bingkai dan Kuasa\" class=\"read-more\" href=\"https:\/\/beststringer.com\/ms\/understanding-frame-stiffness-and-power\/\" aria-label=\"Read more about Memahami Kekerasan Bingkai dan Kuasa\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":69348,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[88],"tags":[],"class_list":["post-77314","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-badminton-ms","infinite-scroll-item"],"_links":{"self":[{"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/posts\/77314","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=77314"}],"version-history":[{"count":0,"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/posts\/77314\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/media\/69348"}],"wp:attachment":[{"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/media?parent=77314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/categories?post=77314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/tags?post=77314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}