{"id":20354,"date":"2024-09-05T13:05:30","date_gmt":"2024-09-05T13:05:30","guid":{"rendered":"https:\/\/beststringer.com\/anatomy-of-stringing-machines-guide\/"},"modified":"2026-05-22T03:06:33","modified_gmt":"2026-05-22T03:06:33","slug":"anatomy-of-stringing-machines-guide","status":"publish","type":"post","link":"https:\/\/beststringer.com\/ms\/anatomy-of-stringing-machines-guide\/","title":{"rendered":"Anatomi Mesin Stringing"},"content":{"rendered":"
\n
\n
\n
\n
\n
\"Anatomi<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.1 Pengenalan kepada Komponen<\/strong><\/h5>\n\n\n\n

Apakah Anatomi<\/mark> Sebuah Mesin Pasang Tali Raket<\/mark>?<\/strong><\/h2>\n\n\n\n

Mesin pasang tali raket bukan sekadar satu alat. Ia adalah satu sistem kerja yang terdiri daripada beberapa bahagian utama, dan kualiti hasil pasang tali akhir bergantung kepada bagaimana sistem mounting, sistem clamp, dan sistem tarikan berfungsi bersama. Dalam panduan ini, anda akan mempelajari anatomi mesin pasang tali raket dan mengapa memahami komponen ini penting untuk perlindungan raket dan konsistensi.

Sama ada anda pasang tali raket tenis atau badminton, setiap sukan meletakkan permintaan yang berbeza pada mesin. Sistem mounting melindungi bingkai, clamp memegang tali dengan selamat, dan sistem tarikan mengawal kelakuan tarikan paun (lbs).

Inilah hakikatnya: peralatan berkualiti tinggi membantu, tetapi disiplin dan pemahaman Stringer masih yang paling penting. Seorang Stringer Bertauliah Antarabangsa mesti memahami bagaimana struktur mesin mempengaruhi konsistensi, kelajuan, perlindungan raket, dan kemudahan penggunaan, dan bukan hanya menilai mesin berdasarkan harga atau rupanya sahaja.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Gambaran<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.2 Tiga Sistem Teras<\/strong><\/h5>\n\n\n\n

Komponen Mesin Diterangkan: Sistem Kerja<\/mark> Teras<\/mark><\/strong><\/h2>\n\n\n\n

Untuk menguasai kemahiran pasang tali raket, anda mesti melihat mesin sebagai satu unit bersepadu. Tiga sistem utama mesin pasang tali ialah sistem mounting, sistem clamp, dan sistem tarikan. Setiap sistem mempunyai tugas yang berbeza, dan kegagalan dalam mana-mana sistem akan menjejaskan keseluruhan hasil pasang tali.

Sistem mounting adalah asas struktur. Ia memegang bingkai dengan selamat, menghalang raket daripada terpusing, memendek, atau terherot di bawah ratusan paun (lbs) tekanan kumulatif tali. Sistem clamp bertindak sebagai penambat semasa proses, memegang tali dengan selamat tanpa menghancurkannya semasa anda bersedia untuk tarikan seterusnya.

Akhir sekali, sistem tarikan menentukan kelakuan tarikan yang tepat. Cara mesin menarik\u2014sama ada melalui drop-weight, spring crank, atau motor elektronik\u2014menentukan ketepatan paun (lbs) dan masa yang diambil untuk menyiapkan satu bingkai. Apabila Stringer pemula mempelajari anatomi mesin, mereka menyedari bahawa menguasai ketiga-tiga sistem adalah jauh lebih baik daripada hanya menghafal satu bahagian persediaan.<\/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.3 Sistem Mounting<\/strong><\/h5>\n\n\n\n

Memahami Sokongan<\/mark> dan Perlindungan Bingkai<\/mark><\/strong><\/h2>\n\n\n\n

Sistem mounting adalah barisan pertahanan pertama raket anda. Apabila paun (lbs) ditarik, bingkai cenderung untuk mampat dan berubah bentuk. Sistem mounting 6-point memberikan tahap perlindungan bingkai tertinggi, mengagihkan tekanan secara sekata di seluruh kepala, menjadikannya sangat disyorkan untuk tenis dan raket badminton yang sensitif.

Sebagai alternatif, sistem mounting 2-point secara umumnya lebih pantas untuk disediakan dan menawarkan lebih banyak penglihatan semasa menganyam, tetapi memerlukan Stringer untuk sangat berhati-hati dengan pengekalan bentuk, terutamanya pada persediaan paun (lbs) tinggi. Sistem mounting hibrid cuba menggabungkan kelajuan titik sentuhan yang lebih sedikit dengan sokongan sisi yang dipertingkatkan untuk menawarkan yang terbaik daripada kedua-duanya.

Ciri-ciri utama seperti pelarasan selaras (di mana memutar satu tombol menggerakkan lengan secara simetri) meningkatkan kecekapan bengkel secara drastik. Stringer badminton harus sentiasa mempertimbangkan sama ada lengan sistem mounting boleh menyesuaikan diri dengan mudah dengan bingkai yang lebih ringan tanpa menghalang lubang grommet.<\/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 Sistem Clamp<\/strong><\/h5>\n\n\n\n

Sistem Clamp Mesin<\/mark> untuk Pegangan Dipercayai<\/mark><\/strong><\/h2>\n\n\n\n

Sistem clamp menentukan sejauh mana ketegangan tali dikekalkan secara selamat selepas mesin menarik. Sistem clamp yang lemah memperkenalkan kehilangan paun (lbs) dan kekecewaan aliran kerja:<\/p>\n\n\n\n

Fixed Clamp.<\/strong> Terpasang dengan selamat pada tapak mesin, fixed clamp memegang tali terus di tempatnya. Ia menawarkan konsistensi yang sangat baik dan mengurangkan drawback paun (lbs), menjadikannya pilihan standard untuk persediaan profesional.<\/p>\n\n\n\n

Flying Clamp.<\/strong> Ia mengapit satu tali ke tali bersebelahan dan bukannya melekat pada tapak mesin. Walaupun flying clamp adalah ringan, fleksibel, dan mesra bajet, ia selalunya membenarkan sedikit lebih banyak kehilangan paun (lbs) kerana pergerakan tali.<\/p>\n\n\n\n

Cengkaman dan Kalibrasi Clamp.<\/strong> Tanpa mengira jenis, cengkaman yang selamat adalah penting. Jika clamp terlalu longgar, tali tergelincir dan kehilangan paun (lbs). Jika terlalu ketat, ia akan menghancurkan dan melemahkan teras tali. Melaraskan kekuatan cengkaman berdasarkan ketebalan tali adalah langkah penting bagi mana-mana Stringer Bertauliah Antarabangsa.<\/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 Sistem Tarikan<\/strong><\/h5>\n\n\n\n

Memahami Kelakuan<\/mark> Sistem Tarikan<\/mark><\/strong><\/h2>\n\n\n\n

Mesin Pasang Tali Drop-Weight.<\/strong>
Sistem drop-weight menggunakan graviti dan tuil untuk menarik paun (lbs). Walaupun ia sangat tepat dan sangat berpatutan, ia memerlukan operasi manual dan secara umumnya merupakan jenis mesin yang paling perlahan untuk digunakan dalam bengkel yang sibuk.<\/p>\n\n\n\n

Sistem Spring Tension (Crank).<\/strong>
Sistem crank manual menggunakan spring yang dikalibrasi untuk mencapai paun (lbs). Ia jauh lebih pantas daripada drop-weight, tetapi ia mempunyai mekanisme “lock-out”. Sebaik sahaja spring mencapai berat sasaran, ia terkunci dan berhenti menarik, bermakna ia tidak mengimbangi regangan tali semasa fasa mengapit.<\/p>\n\n\n\n

Sistem Tarikan Elektronik.<\/strong>
Mesin elektronik menggunakan motor digital dan secara meluas dianggap sebagai standard profesional. Sistem elektronik berkualiti tinggi menampilkan logik “constant-pull”, bermakna motor terus membuat pelarasan mikro jika tali meregang sebelum dikapit, menghasilkan tapak tali yang lebih seragam.<\/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 Ciri-ciri Tambahan<\/strong><\/h5>\n\n\n\n

Ciri-ciri Mesin<\/mark> dan Aliran Kerja<\/mark> yang Penting<\/strong><\/h2>\n\n\n\n

Melangkaui tiga sistem teras, ciri-ciri mesin tambahan sangat mempengaruhi kecekapan bengkel harian anda dan kemudahan penggunaan keseluruhan.<\/p>\n\n\n\n

Kunci Meja Putar (Turntable Lock).<\/strong> Kunci meja putar ialah ciri sokongan praktikal yang menghalang tapak mesin daripada berputar. Ini amat membantu semasa kalibrasi awal, dan sangat penting semasa proses mengikat knot yang keras, menghalang pergerakan yang tidak diingini yang boleh meledingkan bingkai raket yang sensitif.<\/p>\n\n\n\n

Putaran 360-Darjah.<\/strong> Mempunyai meja putar dengan putaran 360-darjah penuh meningkatkan akses fizikal ke semua sisi raket. Ia mengurangkan keperluan untuk Stringer meletakkan semula badan mereka secara berterusan, mempercepatkan proses menganyam dengan ketara.<\/p>\n\n\n\n

Menyedari Kekurangan.<\/strong> Walaupun putaran 360-darjah lebih disukai, raket tertentu dengan pemegang panjang mungkin melanggar kepala tarikan semasa putaran pada mesin kompak. Memahami interaksi reka bentuk halus ini membolehkan Stringer mengatur aliran kerja mereka secara bijak tanpa merisikokan kerosakan peralatan.<\/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 Memilih Mesin yang Tepat<\/strong><\/h5>\n\n\n\n

Kepentingan Pemahaman Profesional<\/mark><\/strong><\/h2>\n\n\n\n

Membeli mesin yang paling mahal tidak secara automatik menjadikan seseorang itu juruteknik pakar. Mesin pasang tali raket profesional hanya berfungsi sebaik Stringer yang mengendalikan clamp dan menafsir sistem tarikan. Memahami anatomi mesin membantu anda membina rangka kerja keputusan yang bertanggungjawab apabila menaik taraf peralatan anda.<\/p>\n\n\n\n

Di Best Stringer Worldwide, kami percaya bahawa menilai jumlah kerja anda, jenis raket yang paling kerap anda servis, dan keperluan mudah alih anda adalah penting. Seorang Stringer badminton yang sering mengembara mungkin lebih suka mesin drop-weight yang tepat atau mesin elektronik mudah alih, manakala kedai yang mempunyai volum tinggi memerlukan tapak elektronik yang tahan lasak (stand-alone).<\/p>\n\n\n\n

Dengan mengutamakan pengetahuan mesin yang komprehensif, pensijilan Stringer kami memastikan bahawa setiap juruteknik menggunakan peralatan mereka ke potensi maksimum. Anda akan menghapuskan tekaan, mengelakkan kerosakan bingkai, memilih kekuatan clamp yang sesuai, dan fokus semata-mata untuk menyediakan perkhidmatan pasang tali yang boleh dipercayai dan konsisten.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n\n

FAQ Pantas Anatomi Mesin<\/mark><\/h2>\n\n\n\n

Jawapan pantas dan jelas kepada soalan lazim mengenai anatomi mesin pasang tali raket dan fungsi komponen.<\/p>\n\n\n

\n
\n\n

Apakah tiga sistem utama<\/mark> mesin pasang tali raket?<\/h3>\n\n\n\n

Tiga sistem utama ialah sistem mounting (yang memegang bingkai raket), sistem clamp (yang memegang tali di bawah tarikan), dan sistem tarikan (yang menentukan bagaimana tali ditarik). Ketiga-tiganya mesti berfungsi bersama dengan cekap.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Mengapa sistem mounting penting<\/mark> untuk perlindungan?<\/h3>\n\n\n\n

Sistem mounting yang baik, seperti persediaan 6-point, mengagihkan tekanan fizikal secara sekata di seluruh bingkai. Ini menghalang raket daripada terherot, retak, atau kehilangan bentuk asalnya semasa daya kumulatif berat pasang tali raket.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Bagaimanakah sistem clamp menjejaskan konsistensi<\/mark>?<\/h3>\n\n\n\n

Jika clamp tergelincir atau mengalami drawback dengan ketara apabila dilepaskan, anda kehilangan paun (lbs). Fixed clamp yang berlabuh ke tapak secara umumnya menawarkan kuasa pegangan yang lebih konsisten berbanding flying clamp, meningkatkan kebolehpercayaan keseluruhan tapak tali akhir.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Apakah perbezaan dalam sistem tarikan<\/mark>?<\/h3>\n\n\n\n

Sistem drop-weight menggunakan graviti dan sangat tepat tetapi lebih perlahan. Sistem spring crank lebih pantas tetapi menggunakan mekanisme lock-out. Sistem elektronik menggunakan motor digital dan secara amnya menawarkan tarikan terpantas dan paling konsisten dengan ciri kompensasi regangan.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Apakah kelakuan lock-out vs constant-pull<\/mark>?<\/h3>\n\n\n\n

Sistem lock-out berhenti memberikan daya sebaik sahaja sasaran paun (lbs) dicapai, mengabaikan regangan tali seterusnya. Sistem constant-pull memantau secara berterusan dan menarik semula tali untuk memastikan paun (lbs) sasaran yang tepat dikekalkan sebelum dikapit.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Adakah putaran 360-darjah<\/mark> mempunyai kekurangan?<\/h3>\n\n\n\n

Walaupun putaran 360-darjah mempercepatkan aliran kerja secara mendadak dengan meningkatkan akses fizikal di sekitar bingkai, pada reka bentuk mesin yang lebih kompak, raket dengan pemegang panjang kadangkala boleh melanggar kepala tarikan jika Stringer tidak memberi perhatian.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Apakah tujuan kunci meja putar (turntable lock)<\/mark>?<\/h3>\n\n\n\n

Kunci meja putar menghentikan tapak mounting daripada berputar bebas. Ia memberikan stabiliti apabila mengikat knot yang keras, dan memastikan mesin sejajar dengan sempurna semasa kalibrasi kepala tarikan, mengurangkan risiko merosakkan bingkai yang sensitif.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Mengapakah anatomi mesin<\/mark> penting untuk Stringer?<\/h3>\n\n\n\n

Memahami komponen mesin membolehkan Stringer menilai alatan mereka secara jujur. Daripada menyalahkan tali atau teknik semata-mata, seorang Stringer yang berpengetahuan tahu dengan tepat bagaimana clamp tergelincir atau tarikan paun lock-out mereka mempengaruhi hasil akhir.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Adakah kursus anatomi mesin diperlukan<\/mark>?<\/h3>\n\n\n\n

Bagi mereka yang mengejar konsistensi sebenar, ya. Kursus pasang tali raket badminton profesional mengajar bagaimana sistem mesin yang berbeza menyokong bingkai dan mengekalkan paun (lbs), yang merupakan pengetahuan penting sebelum mendapatkan pensijilan Stringer rasmi.<\/p>\n\n<\/div><\/div>\n<\/div>\n\n

\n\n

Anatomi Konsistensi: Bagaimana Sistem Mesin Berfungsi Bersama<\/mark><\/h2>\n\n\n\n\n\n\n\n\nAnatomi Mesin Pasang Tali Raket Premium<\/title>\n<style>\n\/* ==========================================================================\n WORDPRESS CONFLICT RESETS & BASE STYLES\n All styles are strictly scoped under #bsw-anatomy-module\n ========================================================================== *\/\n#bsw-anatomy-module {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 900px;\n margin: 30px auto;\n background: #ffffff;\n border-radius: 16px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n overflow: hidden;\n color: #1f2937;\n line-height: 1.6;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent; \/* Fix mobile blue flash *\/\n}\n\n#bsw-anatomy-module * {\n box-sizing: inherit;\n margin: 0;\n padding: 0;\n}\n\n\/* Header *\/\n#bsw-anatomy-module .bsw-header {\n background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);\n color: white;\n padding: 24px 20px;\n text-align: center;\n}\n#bsw-anatomy-module .bsw-title {\n font-size: 1.5rem;\n font-weight: 700;\n letter-spacing: 0.5px;\n margin-bottom: 8px;\n}\n#bsw-anatomy-module .bsw-subtitle {\n font-size: 0.95rem;\n color: #93c5fd;\n font-weight: 400;\n}\n\n\/* Mode Switching Styles (Basic vs Pro) *\/\n#bsw-anatomy-module.mode-basic .view-pro { display: none !important; }\n#bsw-anatomy-module.mode-basic .view-basic { display: inline !important; animation: bsw-fade-in 0.4s cubic-bezier(0.4, 0, 0.2, 1); }\n#bsw-anatomy-module.mode-pro .view-basic { display: none !important; }\n#bsw-anatomy-module.mode-pro .view-pro { display: inline !important; animation: bsw-fade-in 0.4s cubic-bezier(0.4, 0, 0.2, 1); }\n\n@keyframes bsw-fade-in {\n from { opacity: 0; transform: translateY(5px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Main Layout Grid *\/\n#bsw-anatomy-module .bsw-container {\n display: flex;\n flex-direction: column;\n padding: 24px;\n gap: 24px;\n}\n\n\/* SVG Display Area *\/\n#bsw-anatomy-module .bsw-visual-stage {\n background: #f8fafc;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n padding: 20px;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 350px;\n}\n\n#bsw-anatomy-module .bsw-svg-container {\n width: 100%;\n max-width: 850px;\n height: auto;\n}\n\n\/* SVG Interactive Styles *\/\n#bsw-anatomy-module .bsw-part {\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n transform-origin: center;\n cursor: pointer;\n}\n#bsw-anatomy-module .bsw-part.dimmed {\n opacity: 0.3;\n filter: grayscale(80%);\n}\n#bsw-anatomy-module .bsw-part.active {\n opacity: 1;\n filter: drop-shadow(0 0 12px rgba(38, 208, 206, 0.6));\n}\n\n\/* Navigation Buttons (Mobile responsive horizontal scroll) *\/\n#bsw-anatomy-module .bsw-nav {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n padding-bottom: 10px;\n scrollbar-width: thin;\n scrollbar-color: #cbd5e1 transparent;\n -webkit-overflow-scrolling: touch;\n}\n#bsw-anatomy-module .bsw-nav::-webkit-scrollbar {\n height: 6px;\n}\n#bsw-anatomy-module .bsw-nav::-webkit-scrollbar-thumb {\n background-color: #cbd5e1;\n border-radius: 10px;\n}\n\n#bsw-anatomy-module .bsw-btn {\n flex: 0 0 auto;\n background: #f1f5f9;\n border: 2px solid transparent;\n color: #475569;\n padding: 12px 20px;\n border-radius: 8px;\n font-size: 0.9rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n gap: 8px;\n position: relative;\n z-index: 10;\n touch-action: manipulation; \/* Fix for mobile double-tap zoom delay *\/\n}\n#bsw-anatomy-module .bsw-btn:hover {\n background: #e2e8f0;\n color: #0f172a;\n}\n#bsw-anatomy-module .bsw-btn.active {\n background: #eff6ff;\n border-color: #3b82f6;\n color: #1d4ed8;\n}\n#bsw-anatomy-module .bsw-btn.active::before {\n content: '';\n display: inline-block;\n width: 8px;\n height: 8px;\n background: #3b82f6;\n border-radius: 50%;\n box-shadow: 0 0 8px #3b82f6;\n}\n\n\/* Comparison Panel *\/\n#bsw-anatomy-module .bsw-comparison-panel {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n background: white;\n border-radius: 12px;\n}\n\n#bsw-anatomy-module .bsw-card {\n padding: 20px;\n border-radius: 10px;\n border: 1px solid;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0.5;\n transform: scale(0.98);\n z-index: 10;\n touch-action: manipulation;\n}\n\n#bsw-anatomy-module .bsw-card.active {\n opacity: 1;\n transform: scale(1);\n box-shadow: 0 8px 24px rgba(0,0,0,0.12);\n border-width: 2px;\n}\n\n#bsw-anatomy-module .bsw-card:hover:not(.active) {\n opacity: 0.8;\n transform: scale(0.99);\n}\n\n#bsw-anatomy-module .bsw-card-basic {\n background: #fffcfcf;\n border-color: #fee2e2;\n}\n#bsw-anatomy-module .bsw-card-pro {\n background: #f0fdf4;\n border-color: #bbf7d0;\n}\n\n#bsw-anatomy-module .bsw-card-badge {\n position: absolute;\n top: 0;\n right: 0;\n padding: 6px 12px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n border-bottom-left-radius: 10px;\n}\n#bsw-anatomy-module .bsw-card-basic .bsw-card-badge { background: #fee2e2; color: #991b1b; }\n#bsw-anatomy-module .bsw-card-pro .bsw-card-badge { background: #bbf7d0; color: #166534; }\n\n#bsw-anatomy-module .bsw-card-title {\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 12px;\n padding-right: 70px;\n}\n#bsw-anatomy-module .bsw-card-basic .bsw-card-title { color: #7f1d1d; }\n#bsw-anatomy-module .bsw-card-pro .bsw-card-title { color: #14532d; }\n\n#bsw-anatomy-module .bsw-card-desc {\n font-size: 0.95rem;\n color: #4b5563;\n margin-bottom: 12px;\n}\n\n#bsw-anatomy-module .bsw-card-feature {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n font-size: 0.85rem;\n color: #374151;\n margin-top: 8px;\n padding-top: 8px;\n border-top: 1px solid rgba(0,0,0,0.05);\n}\n#bsw-anatomy-module .bsw-icon-x { color: #ef4444; font-weight: bold; }\n#bsw-anatomy-module .bsw-icon-check { color: #22c55e; font-weight: bold; }\n\n\/* View Hint Button inside Cards *\/\n#bsw-anatomy-module .bsw-view-hint {\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n margin-top: 16px;\n display: inline-block;\n padding: 8px 12px;\n border-radius: 6px;\n transition: all 0.3s ease;\n}\n#bsw-anatomy-module .bsw-card:not(.active) .bsw-view-hint { background: #f1f5f9; color: #64748b; }\n#bsw-anatomy-module .bsw-card:not(.active) .bsw-view-hint::after { content: ' \u2192 Klik untuk lihat'; }\n#bsw-anatomy-module .bsw-card-basic.active .bsw-view-hint { background: #ef4444; color: white; }\n#bsw-anatomy-module .bsw-card-pro.active .bsw-view-hint { background: #22c55e; color: white; }\n#bsw-anatomy-module .bsw-card.active .bsw-view-hint::after { content: ' (Sedang Dilihat)'; }\n\n\/* Animation Styles *\/\n#bsw-anatomy-module .bsw-string-line { stroke-dasharray: 8, 4; }\n@keyframes bsw-pull-anim {\n from { stroke-dashoffset: 12; }\n to { stroke-dashoffset: 0; }\n}\n#bsw-anatomy-module .pull-active .bsw-string-line { animation: bsw-pull-anim 0.4s linear infinite; }\n#bsw-anatomy-module .pull-active .bsw-gripper-head {\n transform-origin: 745px 300px;\n animation: bsw-gripper-shake 0.1s alternate infinite;\n}\n@keyframes bsw-gripper-shake {\n from { transform: translateX(0px); }\n to { transform: translateX(2px); }\n}\n\n@keyframes bsw-spin-ring {\n from { stroke-dashoffset: 0; }\n to { stroke-dashoffset: 60; }\n}\n#part-turntable.active .bsw-spin-ring { stroke-dasharray: 15, 15; animation: bsw-spin-ring 1s linear infinite; }\n\n@keyframes bsw-mount-pulse {\n 0%, 100% { fill: #f59e0b; }\n 50% { fill: #10b981; }\n}\n#part-mounting.active .bsw-mount-pulse path { animation: bsw-mount-pulse 1.5s infinite; }\n\n@keyframes bsw-slide-track { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-15px); } }\n@keyframes bsw-slide-track-rev { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(15px); } }\n#part-clamps.active .bsw-fixed-clamp-top { animation: bsw-slide-track 3s ease-in-out infinite; }\n#part-clamps.active .bsw-fixed-clamp-bottom { animation: bsw-slide-track-rev 3s ease-in-out infinite; }\n\n@keyframes bsw-float-wobble { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-4px) rotate(4deg); } }\n@keyframes bsw-float-wobble-rev { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(4px) rotate(-4deg); } }\n#part-clamps.active .bsw-flying-clamp-1 { transform-origin: 10px 17px; animation: bsw-float-wobble 2s ease-in-out infinite; }\n#part-clamps.active .bsw-flying-clamp-2 { transform-origin: 10px 17px; animation: bsw-float-wobble-rev 2.5s ease-in-out infinite; }\n\n@keyframes bsw-drop-weight { 0% { transform: rotate(-10deg); } 50%, 100% { transform: rotate(25deg); } }\n#part-tension.active .bsw-drop-lever { transform-origin: 780px 300px; animation: bsw-drop-weight 2s cubic-bezier(0.5, 0, 0.2, 1) infinite; }\n\n\/* Responsive adjustments *\/\n@media (max-width: 768px) {\n #bsw-anatomy-module .bsw-comparison-panel { grid-template-columns: 1fr; }\n #bsw-anatomy-module .bsw-visual-stage { min-height: 220px; padding: 10px; }\n #bsw-anatomy-module .bsw-btn { padding: 12px 16px; font-size: 0.85rem; }\n #bsw-anatomy-module .bsw-card { padding: 16px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<div id=\"bsw-anatomy-module\" class=\"mode-pro\">\n <div class=\"bsw-header\">\n <div class=\"bsw-title\">Aliran Kerja Mesin Pasang Tali Raket<\/div>\n <div class=\"bsw-subtitle\">Pilih komponen, kemudian <strong>klik kad di bawah<\/strong> untuk membandingkan Asas vs. Pro secara visual.<\/div>\n <\/div>\n\n <div class=\"bsw-container\">\n <!-- SVG Visual Stage -->\n <div class=\"bsw-visual-stage\">\n <div class=\"bsw-svg-container\">\n <svg viewBox=\"0 0 1000 600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <!-- Base\/Stand -->\n <g id=\"part-base\" class=\"bsw-part\">\n <g class=\"view-basic\">\n <!-- Wooden Table Surface (Desktop) -->\n <rect x=\"20\" y=\"40\" width=\"960\" height=\"480\" fill=\"#d4a373\" rx=\"12\"\/>\n <rect x=\"20\" y=\"520\" width=\"960\" height=\"20\" fill=\"#bc6c25\" rx=\"4\"\/>\n <rect x=\"40\" y=\"60\" width=\"920\" height=\"440\" fill=\"#e6b88a\" rx=\"8\"\/>\n <!-- Machine Drop Shadow -->\n <rect x=\"270\" y=\"275\" width=\"560\" height=\"70\" fill=\"#000\" opacity=\"0.15\" rx=\"10\"\/>\n <!-- Desktop Machine Rail Frame -->\n <rect x=\"280\" y=\"270\" width=\"540\" height=\"60\" fill=\"#1e293b\" rx=\"8\"\/>\n <rect x=\"290\" y=\"275\" width=\"520\" height=\"50\" fill=\"#334155\" rx=\"4\"\/>\n <line x1=\"310\" y1=\"300\" x2=\"790\" y2=\"300\" stroke=\"#475569\" stroke-width=\"20\" stroke-linecap=\"round\"\/>\n <rect x=\"750\" y=\"260\" width=\"60\" height=\"80\" fill=\"#1e293b\" rx=\"6\"\/>\n <\/g>\n <g class=\"view-pro\">\n <!-- Workshop Concrete Floor -->\n <rect x=\"20\" y=\"40\" width=\"960\" height=\"480\" fill=\"#e2e8f0\" rx=\"16\"\/>\n <rect x=\"20\" y=\"520\" width=\"960\" height=\"20\" fill=\"#cbd5e1\" rx=\"4\"\/>\n <!-- Rubber Standing Mat -->\n <rect x=\"100\" y=\"80\" width=\"800\" height=\"420\" fill=\"#94a3b8\" rx=\"20\"\/>\n <rect x=\"120\" y=\"100\" width=\"760\" height=\"380\" fill=\"#cbd5e1\" rx=\"15\"\/>\n <!-- Pedestal Drop Shadow -->\n <rect x=\"240\" y=\"170\" width=\"420\" height=\"300\" fill=\"#000\" opacity=\"0.1\" rx=\"35\"\/>\n <!-- Heavy Pedestal Floor Base -->\n <rect x=\"250\" y=\"160\" width=\"400\" height=\"280\" fill=\"#1e293b\" rx=\"30\"\/>\n <rect x=\"260\" y=\"170\" width=\"380\" height=\"260\" fill=\"#334155\" rx=\"25\"\/>\n <rect x=\"280\" y=\"190\" width=\"340\" height=\"220\" fill=\"#475569\" rx=\"20\"\/>\n <!-- Central Telescoping Column -->\n <circle cx=\"450\" cy=\"300\" r=\"80\" fill=\"#0f172a\"\/>\n <circle cx=\"450\" cy=\"300\" r=\"65\" fill=\"#475569\"\/>\n <circle cx=\"450\" cy=\"300\" r=\"50\" fill=\"#94a3b8\"\/>\n <!-- Tensioner Extension Arm -->\n <rect x=\"450\" y=\"270\" width=\"330\" height=\"60\" fill=\"#1e293b\" rx=\"10\"\/>\n <rect x=\"450\" y=\"275\" width=\"320\" height=\"50\" fill=\"#334155\" rx=\"8\"\/>\n <line x1=\"480\" y1=\"300\" x2=\"760\" y2=\"300\" stroke=\"#475569\" stroke-width=\"15\" stroke-linecap=\"round\"\/>\n <\/g>\n <\/g>\n\n <!-- Turntable -->\n <g id=\"part-turntable\" class=\"bsw-part\">\n <g class=\"view-basic\">\n <rect x=\"260\" y=\"285\" width=\"380\" height=\"30\" fill=\"#94a3b8\" rx=\"15\"\/>\n <circle cx=\"450\" cy=\"300\" r=\"25\" fill=\"#64748b\"\/>\n <circle cx=\"450\" cy=\"270\" r=\"8\" fill=\"#334155\"\/>\n <\/g>\n <g class=\"view-pro\">\n <circle cx=\"450\" cy=\"300\" r=\"190\" fill=\"#cbd5e1\" stroke=\"#94a3b8\" stroke-width=\"4\" class=\"bsw-spin-ring\"\/>\n <circle cx=\"450\" cy=\"300\" r=\"175\" fill=\"#f1f5f9\"\/>\n <circle cx=\"450\" cy=\"300\" r=\"40\" fill=\"#94a3b8\"\/>\n <circle cx=\"450\" cy=\"300\" r=\"25\" fill=\"#475569\"\/>\n <rect x=\"280\" y=\"295\" width=\"340\" height=\"10\" fill=\"#cbd5e1\" rx=\"5\"\/>\n <\/g>\n <\/g>\n\n <!-- Racquet Base (Non-interactive structure overlay) -->\n <g id=\"part-racquet\" opacity=\"0.85\" style=\"pointer-events: none;\">\n <rect x=\"50\" y=\"285\" width=\"140\" height=\"30\" fill=\"#1e293b\" rx=\"4\"\/>\n <line x1=\"70\" y1=\"285\" x2=\"60\" y2=\"315\" stroke=\"#334155\" stroke-width=\"2\"\/>\n <line x1=\"90\" y1=\"285\" x2=\"80\" y2=\"315\" stroke=\"#334155\" stroke-width=\"2\"\/>\n <line x1=\"110\" y1=\"285\" x2=\"100\" y2=\"315\" stroke=\"#334155\" stroke-width=\"2\"\/>\n <line x1=\"130\" y1=\"285\" x2=\"120\" y2=\"315\" stroke=\"#334155\" stroke-width=\"2\"\/>\n <line x1=\"150\" y1=\"285\" x2=\"140\" y2=\"315\" stroke=\"#334155\" stroke-width=\"2\"\/>\n <line x1=\"170\" y1=\"285\" x2=\"160\" y2=\"315\" stroke=\"#334155\" stroke-width=\"2\"\/>\n <polygon points=\"190,285 220,294 220,306 190,315\" fill=\"#334155\"\/>\n <rect x=\"220\" y=\"296\" width=\"100\" height=\"8\" fill=\"#64748b\"\/>\n <path d=\"M320,296 L340,280 L340,320 L320,304 Z\" fill=\"#64748b\"\/>\n <ellipse cx=\"460\" cy=\"300\" rx=\"120\" ry=\"85\" fill=\"none\" stroke=\"#475569\" stroke-width=\"10\"\/>\n <g stroke=\"#93c5fd\" stroke-width=\"1.5\" opacity=\"0.5\">\n <line x1=\"345\" y1=\"300\" x2=\"575\" y2=\"300\"\/>\n <line x1=\"345\" y1=\"280\" x2=\"575\" y2=\"280\"\/>\n <line x1=\"345\" y1=\"320\" x2=\"575\" y2=\"320\"\/>\n <line x1=\"350\" y1=\"260\" x2=\"565\" y2=\"260\"\/>\n <line x1=\"350\" y1=\"340\" x2=\"565\" y2=\"340\"\/>\n <line x1=\"365\" y1=\"240\" x2=\"545\" y2=\"240\"\/>\n <line x1=\"365\" y1=\"360\" x2=\"545\" y2=\"360\"\/>\n <line x1=\"460\" y1=\"215\" x2=\"460\" y2=\"385\"\/>\n <line x1=\"440\" y1=\"218\" x2=\"440\" y2=\"382\"\/>\n <line x1=\"480\" y1=\"218\" x2=\"480\" y2=\"382\"\/>\n <line x1=\"420\" y1=\"225\" x2=\"420\" y2=\"375\"\/>\n <line x1=\"500\" y1=\"225\" x2=\"500\" y2=\"375\"\/>\n <line x1=\"400\" y1=\"235\" x2=\"400\" y2=\"365\"\/>\n <line x1=\"520\" y1=\"235\" x2=\"520\" y2=\"365\"\/>\n <line x1=\"380\" y1=\"250\" x2=\"380\" y2=\"350\"\/>\n <line x1=\"540\" y1=\"250\" x2=\"540\" y2=\"350\"\/>\n <line x1=\"360\" y1=\"270\" x2=\"360\" y2=\"330\"\/>\n <line x1=\"560\" y1=\"270\" x2=\"560\" y2=\"330\"\/>\n <\/g>\n <\/g>\n\n <!-- Mounting System -->\n <g id=\"part-mounting\" class=\"bsw-part\">\n <rect x=\"325\" y=\"285\" width=\"15\" height=\"30\" fill=\"#ef4444\" rx=\"4\"\/>\n <rect x=\"580\" y=\"285\" width=\"15\" height=\"30\" fill=\"#ef4444\" rx=\"4\"\/>\n <g class=\"view-pro bsw-mount-pulse\">\n <path d=\"M370,225 L390,200 L400,210 L385,235 Z\" fill=\"#f59e0b\"\/>\n <circle cx=\"395\" cy=\"205\" r=\"10\" fill=\"#1d4ed8\"\/>\n <path d=\"M370,375 L390,400 L400,390 L385,365 Z\" fill=\"#f59e0b\"\/>\n <circle cx=\"395\" cy=\"395\" r=\"10\" fill=\"#1d4ed8\"\/>\n <path d=\"M550,225 L530,200 L520,210 L535,235 Z\" fill=\"#f59e0b\"\/>\n <circle cx=\"525\" cy=\"205\" r=\"10\" fill=\"#1d4ed8\"\/>\n <path d=\"M550,375 L530,400 L520,390 L535,365 Z\" fill=\"#f59e0b\"\/>\n <circle cx=\"525\" cy=\"395\" r=\"10\" fill=\"#1d4ed8\"\/>\n <\/g>\n <\/g>\n\n <!-- Clamps -->\n <g id=\"part-clamps\" class=\"bsw-part\">\n <g class=\"view-basic\">\n <g transform=\"translate(420, 260)\">\n <g class=\"bsw-flying-clamp-1\">\n <rect x=\"0\" y=\"0\" width=\"20\" height=\"35\" fill=\"#f59e0b\" rx=\"4\"\/>\n <circle cx=\"10\" cy=\"8\" r=\"4\" fill=\"#b45309\"\/>\n <line x1=\"0\" y1=\"20\" x2=\"20\" y2=\"20\" stroke=\"#b45309\" stroke-width=\"2\"\/>\n <\/g>\n <\/g>\n <g transform=\"translate(480, 310)\">\n <g class=\"bsw-flying-clamp-2\">\n <rect x=\"0\" y=\"0\" width=\"20\" height=\"35\" fill=\"#f59e0b\" rx=\"4\"\/>\n <circle cx=\"10\" cy=\"8\" r=\"4\" fill=\"#b45309\"\/>\n <line x1=\"0\" y1=\"20\" x2=\"20\" y2=\"20\" stroke=\"#b45309\" stroke-width=\"2\"\/>\n <\/g>\n <\/g>\n <\/g>\n <g class=\"view-pro\">\n <g class=\"bsw-fixed-clamp-top\">\n <rect x=\"410\" y=\"220\" width=\"30\" height=\"15\" fill=\"#10b981\" rx=\"3\"\/>\n <rect x=\"415\" y=\"235\" width=\"20\" height=\"25\" fill=\"#334155\"\/>\n <path d=\"M420,260 L430,260 L435,295 L415,295 Z\" fill=\"#94a3b8\"\/>\n <circle cx=\"425\" cy=\"295\" r=\"14\" fill=\"#ef4444\"\/>\n <\/g>\n <g class=\"bsw-fixed-clamp-bottom\">\n <rect x=\"480\" y=\"365\" width=\"30\" height=\"15\" fill=\"#10b981\" rx=\"3\"\/>\n <rect x=\"485\" y=\"340\" width=\"20\" height=\"25\" fill=\"#334155\"\/>\n <path d=\"M490,340 L500,340 L505,305 L485,305 Z\" fill=\"#94a3b8\"\/>\n <circle cx=\"495\" cy=\"305\" r=\"14\" fill=\"#ef4444\"\/>\n <\/g>\n <\/g>\n <\/g>\n\n <!-- Tension Head -->\n <g id=\"part-tension\" class=\"bsw-part\">\n <g class=\"view-basic\">\n <circle cx=\"780\" cy=\"300\" r=\"30\" fill=\"#475569\"\/>\n <circle cx=\"780\" cy=\"300\" r=\"12\" fill=\"#94a3b8\"\/>\n <g class=\"bsw-drop-lever\">\n <rect x=\"780\" y=\"292\" width=\"180\" height=\"16\" fill=\"#cbd5e1\" rx=\"8\"\/>\n <rect x=\"890\" y=\"270\" width=\"50\" height=\"60\" fill=\"#1e293b\" rx=\"6\"\/>\n <text x=\"915\" y=\"306\" fill=\"#fff\" font-size=\"16\" font-family=\"sans-serif\" text-anchor=\"middle\" font-weight=\"bold\">W<\/text>\n <\/g>\n <line x1=\"585\" y1=\"300\" x2=\"780\" y2=\"300\" stroke=\"#3b82f6\" stroke-width=\"2\"\/>\n <rect x=\"760\" y=\"285\" width=\"20\" height=\"30\" fill=\"#64748b\" rx=\"4\"\/>\n <\/g>\n <g class=\"view-pro\">\n <rect x=\"750\" y=\"220\" width=\"180\" height=\"160\" fill=\"#1e293b\" rx=\"12\"\/>\n <rect x=\"760\" y=\"230\" width=\"160\" height=\"140\" fill=\"#0f172a\" rx=\"8\"\/>\n <rect x=\"780\" y=\"245\" width=\"120\" height=\"40\" fill=\"#06b6d4\" rx=\"4\"\/>\n <text id=\"tension-lcd-text\" x=\"800\" y=\"275\" fill=\"#fff\" font-family=\"monospace\" font-size=\"24\" font-weight=\"bold\">0.0<\/text>\n <text x=\"860\" y=\"275\" fill=\"#fff\" font-family=\"sans-serif\" font-size=\"12\">LBS<\/text>\n <circle cx=\"800\" cy=\"310\" r=\"8\" fill=\"#334155\"\/>\n <circle cx=\"830\" cy=\"310\" r=\"8\" fill=\"#334155\"\/>\n <circle cx=\"860\" cy=\"310\" r=\"8\" fill=\"#334155\"\/>\n <rect x=\"790\" y=\"330\" width=\"80\" height=\"20\" fill=\"#ef4444\" rx=\"10\"\/>\n <g id=\"tension-gripper-group\">\n <line x1=\"585\" y1=\"300\" x2=\"740\" y2=\"300\" stroke=\"#3b82f6\" stroke-width=\"3\" class=\"bsw-string-line\"\/>\n <g class=\"bsw-gripper-head\">\n <path d=\"M730,285 L760,285 L760,315 L730,315 Z\" fill=\"#e2e8f0\"\/>\n <circle cx=\"745\" cy=\"300\" r=\"6\" fill=\"#334155\"\/>\n <rect x=\"730\" y=\"295\" width=\"10\" height=\"10\" fill=\"#94a3b8\"\/>\n <\/g>\n <\/g>\n <\/g>\n <\/g>\n <\/svg>\n <\/div>\n <\/div>\n\n <!-- Navigation Buttons -->\n <div class=\"bsw-nav\" id=\"bsw-controls\">\n <button class=\"bsw-btn active\" data-target=\"tension\">Sistem Tarikan<\/button>\n <button class=\"bsw-btn\" data-target=\"clamps\">Jenis Clamp<\/button>\n <button class=\"bsw-btn\" data-target=\"mounting\">Sistem Mounting<\/button>\n <button class=\"bsw-btn\" data-target=\"turntable\">Putaran Meja Putar<\/button>\n <button class=\"bsw-btn\" data-target=\"base\">Kelas Mesin<\/button>\n <\/div>\n\n <!-- Comparison Panel -->\n <div class=\"bsw-comparison-panel\">\n <!-- Basic Card -->\n <div class=\"bsw-card bsw-card-basic\">\n <div class=\"bsw-card-badge\">Pilihan A<\/div>\n <div class=\"bsw-card-title\" id=\"basic-title\">Drop-Weight \/ Lock-Out<\/div>\n <div class=\"bsw-card-desc\" id=\"basic-desc\">Menggunakan graviti. Sangat tepat tetapi lebih perlahan untuk dikendalikan secara manual. Berhenti menarik sebaik sahaja paun dicapai.<\/div>\n <div class=\"bsw-card-feature\" id=\"basic-feat-1\"><span class=\"bsw-icon-x\">\u2717<\/span> Mengabaikan regangan tali seterusnya<\/div>\n <div class=\"bsw-card-feature\" id=\"basic-feat-2\"><span class=\"bsw-icon-x\">\u2717<\/span> Aliran kerja manual lebih perlahan<\/div>\n <div class=\"bsw-view-hint\">Memaparkan Pilihan A<\/div>\n <\/div>\n\n <!-- Pro Card -->\n <div class=\"bsw-card bsw-card-pro active\">\n <div class=\"bsw-card-badge\">Pilihan B<\/div>\n <div class=\"bsw-card-title\" id=\"pro-title\">Elektronik \/ Constant-Pull<\/div>\n <div class=\"bsw-card-desc\" id=\"pro-desc\">Menggunakan motor digital. Secara berterusan membuat pelarasan mikro untuk mengekalkan paun (lbs) yang tepat semasa proses mengapit.<\/div>\n <div class=\"bsw-card-feature\" id=\"pro-feat-1\"><span class=\"bsw-icon-check\">\u2713<\/span> Sangat pantas & konsisten<\/div>\n <div class=\"bsw-card-feature\" id=\"pro-feat-2\"><span class=\"bsw-icon-check\">\u2713<\/span> Memaksimumkan kekalan paun<\/div>\n <div class=\"bsw-view-hint\">Memaparkan Pilihan B<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ ==========================================================================\n\/\/ BULLETPROOF WORDPRESS INITIALIZATION\n\/\/ Uses Event Delegation and Auto-Polling instead of DOMContentLoaded\n\/\/ ==========================================================================\n(function() {\n const machineData = {\n tension: {\n basicTitle: \"Drop-Weight \/ Lock-Out\",\n basicDesc: \"Menggunakan graviti. Sangat tepat tetapi lebih perlahan untuk dikendalikan secara manual. Berhenti menarik sebaik sahaja paun dicapai.\",\n basicFeat1: \"Mengabaikan regangan tali seterusnya\",\n basicFeat2: \"Aliran kerja manual lebih perlahan\",\n proTitle: \"Elektronik \/ Constant-Pull\",\n proDesc: \"Menggunakan motor digital. Secara berterusan membuat pelarasan mikro untuk mengekalkan paun (lbs) yang tepat semasa proses mengapit.\",\n proFeat1: \"Sangat pantas & konsisten\",\n proFeat2: \"Memaksimumkan kekalan paun\"\n },\n clamps: {\n basicTitle: \"Flying Clamp\",\n basicDesc: \"Mengapit tali terus ke satu sama lain tanpa melekat pada tapak mesin. Sangat fleksibel.\",\n basicFeat1: \"Membenarkan lebih banyak drawback paun (lbs)\",\n basicFeat2: \"Boleh terpusing di bawah tekanan tinggi\",\n proTitle: \"Fixed Clamp\",\n proDesc: \"Terpasang kemas pada trek tapak mesin. Terkunci dengan kukuh.\",\n proFeat1: \"Tiada pusingan atau pergerakan\",\n proFeat2: \"Keselamatan paun (lbs) muktamad\"\n },\n mounting: {\n basicTitle: \"Sistem 2-Point\",\n basicDesc: \"Memegang raket hanya pada bahagian atas (pukul 12) dan bawah (pukul 6). Lebih pantas untuk dipasang.\",\n basicFeat1: \"Kurang sokongan keseluruhan bingkai\",\n basicFeat2: \"Bingkai boleh terherot pada tarikan tinggi\",\n proTitle: \"Sistem 6-Point\",\n proDesc: \"Menambah 4 sokongan sisi kepada cagak atas dan bawah, mengunci bingkai dengan selamat di tempatnya.\",\n proFeat1: \"Pengekalan bentuk bingkai maksimum\",\n proFeat2: \"Selamat untuk pasang tali raket paun tinggi\"\n },\n turntable: {\n basicTitle: \"Putaran Terhad\",\n basicDesc: \"Tapak yang memegang raket tidak boleh berputar secara bebas atau melanggar halangan.\",\n basicFeat1: \"Memerlukan kedudukan semula badan yang janggal\",\n basicFeat2: \"Proses menganyam lebih perlahan\",\n proTitle: \"Putaran 360-Darjah\",\n proDesc: \"Keseluruhan meja putar berputar lancar dalam bulatan penuh dengan brek yang boleh dikunci.\",\n proFeat1: \"Akses tanpa halangan ke sebarang sudut\",\n proFeat2: \"Mempercepatkan aliran kerja secara drastik\"\n },\n base: {\n basicTitle: \"Kelas Desktop\",\n basicDesc: \"Diletakkan di atas meja. Sangat mudah alih dan mesra bajet. Hebat untuk pengguna di rumah.\",\n basicFeat1: \"Boleh beralih semasa tarikan berat\",\n basicFeat2: \"Ergonomik bergantung kepada meja\",\n proTitle: \"Standalone Bengkel\",\n proDesc: \"Dibina pada kekaki lantai yang berat dan boleh dilaras ketinggian.\",\n proFeat1: \"Sangat stabil semasa beroperasi\",\n proFeat2: \"Ergonomik sempurna untuk berjam-jam\"\n }\n };\n\n let currentTarget = 'tension';\n let currentMode = 'pro';\n let tensionAnimId;\n\n \/\/ Animation logic for the Tension Number\n function playTensionAnimation() {\n const lcd = document.getElementById('tension-lcd-text');\n if (!lcd) return;\n cancelAnimationFrame(tensionAnimId);\n let startTimestamp = null;\n const duration = 1200; \n const finalValue = 28.0;\n\n const step = (timestamp) => {\n if (!startTimestamp) startTimestamp = timestamp;\n const progress = Math.min((timestamp - startTimestamp) \/ duration, 1);\n const easeProgress = 1 - Math.pow(1 - progress, 4);\n const currentValue = (easeProgress * finalValue).toFixed(1);\n \n lcd.textContent = currentValue;\n if (progress < 1) {\n tensionAnimId = requestAnimationFrame(step);\n } else {\n lcd.textContent = finalValue.toFixed(1);\n }\n };\n tensionAnimId = requestAnimationFrame(step);\n }\n\n function setMode(mode) {\n currentMode = mode;\n const mainModule = document.getElementById('bsw-anatomy-module');\n const basicCard = document.querySelector('.bsw-card-basic');\n const proCard = document.querySelector('.bsw-card-pro');\n if (!mainModule || !basicCard || !proCard) return;\n\n if(mode === 'basic') {\n mainModule.classList.remove('mode-pro');\n mainModule.classList.add('mode-basic');\n basicCard.classList.add('active');\n proCard.classList.remove('active');\n } else {\n mainModule.classList.remove('mode-basic');\n mainModule.classList.add('mode-pro');\n proCard.classList.add('active');\n basicCard.classList.remove('active');\n }\n \n const gripperGroup = document.getElementById('tension-gripper-group');\n if (currentTarget === 'tension' && currentMode === 'pro') {\n playTensionAnimation();\n if (gripperGroup) gripperGroup.classList.add('pull-active');\n } else {\n cancelAnimationFrame(tensionAnimId);\n if (gripperGroup) gripperGroup.classList.remove('pull-active');\n }\n }\n\n function updateUI(targetKey) {\n currentTarget = targetKey;\n const buttons = document.querySelectorAll('.bsw-btn');\n const parts = document.querySelectorAll('.bsw-part');\n\n \/\/ Update Tabs\n buttons.forEach(btn => {\n if(btn.getAttribute('data-target') === targetKey) {\n btn.classList.add('active');\n try {\n \/\/ Only scroll into view horizontally on mobile\n const nav = document.getElementById('bsw-controls');\n if(nav && window.innerWidth < 768) {\n const navRect = nav.getBoundingClientRect();\n const btnRect = btn.getBoundingClientRect();\n nav.scrollLeft += (btnRect.left - navRect.left) - (navRect.width \/ 2) + (btnRect.width \/ 2);\n }\n } catch(e) {}\n } else {\n btn.classList.remove('active');\n }\n });\n\n \/\/ Update SVG Visuals\n parts.forEach(part => {\n if(part.id === `part-${targetKey}`) {\n part.classList.remove('dimmed');\n part.classList.add('active');\n part.parentNode.appendChild(part); \/\/ Bring to front\n } else {\n part.classList.remove('active');\n part.classList.add('dimmed');\n }\n });\n\n \/\/ Update Text\n const data = machineData[targetKey];\n if(!data) return;\n document.getElementById('basic-title').textContent = data.basicTitle;\n document.getElementById('basic-desc').textContent = data.basicDesc;\n document.getElementById('basic-feat-1').innerHTML = `<span class=\"bsw-icon-x\">\u2717<\/span> ${data.basicFeat1}`;\n document.getElementById('basic-feat-2').innerHTML = `<span class=\"bsw-icon-x\">\u2717<\/span> ${data.basicFeat2}`;\n document.getElementById('pro-title').textContent = data.proTitle;\n document.getElementById('pro-desc').textContent = data.proDesc;\n document.getElementById('pro-feat-1').innerHTML = `<span class=\"bsw-icon-check\">\u2713<\/span> ${data.proFeat1}`;\n document.getElementById('pro-feat-2').innerHTML = `<span class=\"bsw-icon-check\">\u2713<\/span> ${data.proFeat2}`;\n\n setMode(currentMode);\n }\n\n function initInteractive() {\n const module = document.getElementById('bsw-anatomy-module');\n if (!module) return false; \/\/ Not injected yet\n if (module.dataset.initialized === 'true') return true; \/\/ Already running\n \n module.dataset.initialized = 'true';\n\n \/\/ EVENT DELEGATION: Catches clicks reliably even if elements reshuffle\n module.addEventListener('click', function(e) {\n \/\/ Check for Navigation Tab Clicks\n const btn = e.target.closest('.bsw-btn');\n if (btn) {\n updateUI(btn.getAttribute('data-target'));\n return;\n }\n\n \/\/ Check for Comparison Card Clicks\n const basicCard = e.target.closest('.bsw-card-basic');\n if (basicCard) { setMode('basic'); return; }\n \n const proCard = e.target.closest('.bsw-card-pro');\n if (proCard) { setMode('pro'); return; }\n\n \/\/ Check for direct SVG visual part clicks\n const svgPart = e.target.closest('.bsw-part');\n if (svgPart) {\n const partId = svgPart.getAttribute('id');\n if (partId) {\n updateUI(partId.replace('part-', ''));\n }\n return;\n }\n });\n\n \/\/ Load initial state\n updateUI('tension');\n return true;\n }\n\n \/\/ Auto-Polling loader (Runs 50 times over 5 seconds to guarantee attachment in WP builders)\n let attempts = 0;\n const loadTimer = setInterval(function() {\n if (initInteractive() || attempts > 50) {\n clearInterval(loadTimer);\n }\n attempts++;\n }, 100);\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=\"ms\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Ujian Semakan Anatomi Mesin Pasang Tali Raket<\/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 Ujian Semakan Anatomi Mesin Pasang Tali Raket<\/div>\n <div style=\"font-size: 14px; opacity: 0.9; line-height: 1.4; margin-bottom: 16px;\">\n <strong>Adakah anda faham bagaimana sistem mesin mempengaruhi hasil pasang tali anda?<\/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;\">Kerja bagus! Sekarang anda faham bagaimana anatomi mesin pasang tali raket memberi kesan kepada konsistensi, 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:\"Apakah tiga sistem kerja utama mesin pasang tali raket?\", opts:[\"Sistem mounting, clamp, dan tarikan\", \"Sistem raket, tali, dan grip\", \"Sistem bingkai, batang (shaft), dan pemegang\", \"Sistem drop-weight, spring, dan elektronik\"], correct:0, skill:\"anatomy\", label:\"SISTEM\"},\n {q:\"Sistem tarikan manakah yang menggunakan graviti dan tuil untuk menghasilkan tarikan?\", opts:[\"Tarikan elektronik\", \"Tarikan spring\", \"Sistem drop-weight\", \"Motor constant-pull\"], correct:2, skill:\"tension\", label:\"TARIKAN\"},\n {q:\"Mengapakah sistem mounting penting untuk perlindungan raket?\", opts:[\"Ia menjadikan tali berbunyi lebih kuat\", \"Ia mengagihkan tekanan dan menghalang bingkai terherot\", \"Ia mengkalibrasi clamp secara automatik\", \"Ia meningkatkan paun (lbs) tali sebanyak 10%\"], correct:1, skill:\"protection\", label:\"MOUNTING\"},\n {q:\"Apakah yang dikaitkan dengan sistem tarikan 'constant-pull'?\", opts:[\"Kompensasi untuk regangan tali selepas tarikan awal\", \"Mengunci kepala tarikan sebaik sahaja sasaran dicapai\", \"Menggunakan engkol (crank) untuk menarik tali secara manual\", \"Menggunakan flying clamp secara eksklusif\"], correct:0, skill:\"behavior\", label:\"KELAKUAN\"},\n {q:\"Apakah jenis sistem clamp yang dipasang secara fizikal pada tapak mesin atau meja putar?\", opts:[\"Flying clamp\", \"Starting clamp\", \"Fixed clamp\", \"Glide clamp\"], correct:2, skill:\"clamps\", label:\"CLAMP\"},\n {q:\"Apakah faedah utama kunci meja putar (turntable lock)?\", opts:[\"Ia menghalang pergerakan yang tidak diingini semasa mengikat knot dan kalibrasi\", \"Ia meningkatkan kelajuan tarikan kepala tarikan\", \"Ia memotong tali secara automatik apabila selesai\", \"Ia menukar mesin lock-out menjadi mesin constant-pull\"], correct:0, skill:\"features\", label:\"MEJA PUTAR\"},\n {q:\"Mengapakah putaran 360-darjah bermanfaat untuk Stringer?\", opts:[\"Ia menjamin raket tidak akan patah\", \"Ia meningkatkan akses dan mengurangkan langkah mengubah kedudukan\", \"Ia menambah tarikan tambahan kepada tali silang\", \"Ia menggantikan keperluan untuk sistem mounting\"], correct:1, skill:\"workflow\", label:\"PUTARAN\"},\n {q:\"Mengapakah anatomi mesin penting dalam pensijilan pasang tali raket badminton?\", opts:[\"Ia mengajar Stringer bagaimana struktur peralatan memberi kesan kepada konsistensi dan keselamatan raket\", \"Ia membolehkan Stringer membina mesin mereka sendiri dari awal\", \"Ia membuktikan bahawa semua mesin mahal adalah sama\", \"Ia menggantikan keperluan untuk mempelajari ikatan knot yang betul\"], correct:0, skill:\"certification\", label:\"PENDIDIKAN\"}\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\">Kecekapan Bengkel<\/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\">Anatomi Mesin<\/mark> yang Terbukti<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pendekatan pasang tali kami adalah berdasarkan parameter peralatan yang disahkan yang digunakan oleh pakar profesional terkemuka. Kami mengutamakan keselamatan lengan, penilaian bingkai yang betul, dan kecekapan gaya permainan berbanding gembar-gembur 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\">3<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-a40d5ff4 gb-headline-text\">Sistem Kerja Teras<\/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<\/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\">Penjagaan 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\">360<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-7d08250a gb-headline-text\">Darjah Putaran<\/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>Kesan Komponen Mesin Pada Aliran Kerja<\/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\">Kesan Komponen Mesin Pada Aliran Kerja<\/div>\n\n <table class=\"bsw-table\">\n <thead>\n <tr>\n <th>Komponen<\/th>\n <th>Pilihan A (Asas\/Manual)<\/th>\n <th>Pilihan B (Lanjutan\/Pro)<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>Sistem Tarikan<\/td>\n <td>Drop-Weight: Menggunakan graviti, sangat tepat tetapi lebih perlahan untuk dikendalikan secara manual.<\/td>\n <td class=\"bsw-highlight\">Elektronik: Menggunakan motor digital, sangat pantas dan konsisten.<\/td>\n <\/tr>\n <tr>\n <td>Kelakuan Tarikan<\/td>\n <td>Lock-Out: Berhenti menarik apabila paun dicapai, mengabaikan regangan tali seterusnya.<\/td>\n <td class=\"bsw-highlight\">Constant-Pull: Melaras berterusan untuk mengekalkan paun (lbs) yang tepat semasa proses mengapit.<\/td>\n <\/tr>\n <tr>\n <td>Jenis Clamp<\/td>\n <td>Flying Clamp: Mengapit tali sesama sendiri, fleksibel tetapi membenarkan lebih drawback.<\/td>\n <td class=\"bsw-highlight\">Fixed Clamp: Terpasang dengan selamat pada tapak, menawarkan kekalan paun maksimum.<\/td>\n <\/tr>\n <tr>\n <td>Sistem Mounting<\/td>\n <td>2-Point: Pemasangan pantas dan lebih penglihatan, tetapi kurang sokongan bingkai.<\/td>\n <td class=\"bsw-highlight\">6-Point: Sokongan bingkai dan pengekalan bentuk maksimum semasa tarikan tinggi.<\/td>\n <\/tr>\n <tr>\n <td>Putaran Meja Putar<\/td>\n <td>Putaran Terhad: Memerlukan pergerakan manual dan kedudukan semula badan.<\/td>\n <td class=\"bsw-highlight\">360-Darjah: Akses tanpa halangan di sekitar bingkai untuk aliran kerja lebih pantas.<\/td>\n <\/tr>\n <tr>\n <td>Kelas Mesin<\/td>\n <td>Desktop: Sangat mudah alih, mesra bajet, baik untuk pasang tali di rumah.<\/td>\n <td class=\"bsw-highlight\">Standalone: Sangat stabil, tapak berat, dibina untuk volum bengkel yang padat.<\/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\">Sistem & Kelakuan Tarikan<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Pilihan A (Drop-Weight \/ Lock-Out):<\/span>\n <div class=\"bsw-trad-opt\">Menggunakan graviti, tepat tetapi lebih perlahan. Berhenti menarik sebaik sahaja paun dicapai.<\/div>\n <span class=\"bsw-label\">Pilihan B (Elektronik \/ Constant-Pull):<\/span>\n <div class=\"bsw-modern-opt\">Motor digital pantas. Melaras berterusan untuk mengekalkan paun (lbs) yang tepat semasa proses mengapit.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bsw-card\">\n <div class=\"bsw-card-header\">Clamp & Sistem Mounting<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Pilihan A (Flying Clamp \/ 2-Point):<\/span>\n <div class=\"bsw-trad-opt\">Clamp fleksibel, pemasangan pantas, tetapi kurang sokongan bingkai dan lebih kehilangan paun.<\/div>\n <span class=\"bsw-label\">Pilihan B (Fixed Clamp \/ 6-Point):<\/span>\n <div class=\"bsw-modern-opt\">Pemasangan tapak yang selamat. Sokongan bingkai dan kekalan paun maksimum.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bsw-card\">\n <div class=\"bsw-card-header\">Ciri-ciri Mesin<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Pilihan A (Desktop \/ Putaran Terhad):<\/span>\n <div class=\"bsw-trad-opt\">Mudah alih dan mesra bajet, tetapi memerlukan lebih banyak pergerakan manual.<\/div>\n <span class=\"bsw-label\">Pilihan B (Standalone \/ 360-Darjah):<\/span>\n <div class=\"bsw-modern-opt\">Tapak yang sangat stabil. Akses tanpa halangan di sekitar bingkai untuk aliran kerja lebih pantas.<\/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\">Pensijilan<\/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\">Anatomi Mesin<\/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 class=\"wp-block-paragraph\"><br>Bersedia untuk menaik taraf pengetahuan anda? Best Stringer Worldwide menawarkan kursus pasang tali raket badminton profesional untuk mengajar anda bagaimana komponen mesin berinteraksi secara selamat dengan bingkai raket. Kami berkhidmat untuk Stringer di seluruh dunia, membantu mereka menguasai kelakuan tarikan, kebolehpercayaan clamp, dan pensijilan Stringer yang lengkap. Hubungi kami untuk mempelajari kemahiran praktikal di sebalik hasil pasang tali yang benar-benar profesional.<\/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 Anatomi Mesin Jawapan pantas dan jelas kepada soalan lazim mengenai anatomi mesin pasang tali raket dan fungsi komponen. Anatomi Konsistensi: Bagaimana Sistem Mesin Berfungsi Bersama Anatomi Mesin Pasang Tali Raket Premium Aliran Kerja Mesin Pasang Tali Raket Pilih komponen, kemudian klik kad di bawah untuk membandingkan Asas vs. Pro secara visual. W 0.0 … <a title=\"Anatomi Mesin Stringing\" class=\"read-more\" href=\"https:\/\/beststringer.com\/ms\/anatomy-of-stringing-machines-guide\/\" aria-label=\"Read more about Anatomi Mesin Stringing\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":70856,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[100],"tags":[],"class_list":["post-20354","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general-stringing-knowledge-ms","infinite-scroll-item"],"_links":{"self":[{"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/posts\/20354","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=20354"}],"version-history":[{"count":0,"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/posts\/20354\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/media\/70856"}],"wp:attachment":[{"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/media?parent=20354"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/categories?post=20354"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/beststringer.com\/ms\/wp-json\/wp\/v2\/tags?post=20354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}