{"title":"MSI EOFY – Steam Gift Card Builds","description":"\u003cp\u003ePrebuilds eligible for the MSI Player Bonus promo — register the included MSI GPU and motherboard to claim Steam credit. Promo 15 Jun – 31 Aug 2026.\u003c\/p\u003e","products":[{"product_id":"7500f-5070-gaming","title":"RYZEN 5 7500F | RTX 5070 Gaming Pc","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n .pc-specs{\n --card-bg:#fff;\n --card-border:#e5e7eb;\n --icon-size:28px;\n --radius:12px;\n --gap:14px;\n --text:#111827;\n --muted:#6b7280;\n margin: 8px 0 18px 0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color: var(--text);\n }\n .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n .pc-specs-grid{\n display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n }\n @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n .spec-item{\n position: relative;\n display:flex; align-items:center; gap:12px;\n background: var(--card-bg);\n border:1px solid var(--card-border);\n border-radius: var(--radius);\n padding:12px 14px;\n box-shadow: 0 1px 2px rgba(0,0,0,.04);\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon{\n width: var(--icon-size); height: var(--icon-size);\n display:grid; place-items:center;\n border-radius: 10px;\n border:1px solid var(--card-border);\n background:#f9fafb;\n flex: 0 0 var(--icon-size);\n color:#374151; \/* 改这里可统一图标颜色 *\/\n cursor: help;\n position: relative; \/* tooltip 定位参考 *\/\n outline: none;\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon svg{ width: 18px; height: 18px; display:block; }\n .spec-text{ line-height:1.25 }\n .spec-label{ font-size:12px; color: var(--muted); }\n .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n \/* ===== Compact Tooltip (two-line bubble) ===== *\/\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{\n position: absolute;\n opacity: 0;\n pointer-events: none;\n transition: opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content: attr(data-tip);\n top: 50%;\n left: calc(100% + 10px);\n transform: translateY(-50%);\n\n \/* 尺寸放大：可再调这两行 *\/\n min-width: 220px;\n max-width: 360px;\n\n background: #111827;\n color: #fff;\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n font-size: 12px; line-height: 1.4;\n z-index: 30;\n\n \/* 关键：去掉省略号，允许正常换行 *\/\n display: block; \/* 覆盖 -webkit-box *\/\n -webkit-line-clamp: unset; \/* 取消行数限制 *\/\n -webkit-box-orient: unset;\n overflow: visible;\n text-overflow: unset;\n white-space: normal;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n \/* 小箭头 *\/\n .spec-icon[data-tip]::before{\n content: \"\";\n top: 50%;\n left: calc(100% + 4px);\n transform: translateY(-50%);\n border: 6px solid transparent;\n border-right-color: #111827;\n z-index: 29;\n }\n \/* 显示时机：hover + keyboard focus *\/\n .spec-icon[data-tip]:hover::after,\n .spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,\n .spec-icon[data-tip]:focus::before{\n opacity: 1;\n }\n\n \/* 窄屏：把气泡放到底部居中 *\/\n @media (max-width: 640px){\n .spec-icon[data-tip]::after{\n left: 50%;\n top: calc(100% + 10px);\n transform: translate(-50%, 0);\n }\n .spec-icon[data-tip]::before{\n left: 50%;\n top: 100%;\n transform: translate(-50%, 0);\n border: 6px solid transparent;\n border-top-color: #111827;\n }\n }\n\n \/* 减少动画（无障碍） *\/\n @media (prefers-reduced-motion: reduce){\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{ transition: none; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- CPU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"11\" width=\"11\" y=\"6.5\" x=\"6.5\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cstrong\u003eAMD Ryzen 5 7500F CPU Processor – 6 Core 12 Thread 5.0GHz Boost AM5\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Motherboard icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"16\" width=\"16\" y=\"4\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"5\" width=\"5\" y=\"7\" x=\"7\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle r=\"1\" cy=\"18\" cx=\"18\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cstrong\u003eMSI B650M BOMBER WIFI AMD mATX Motherboard\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory \/ RAM --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- RAM icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKLEVV FIT V DDR5 6000MHz CL28 Desktop RAM - 16gb\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage \/ NVMe --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- NVMe icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"6\" width=\"16\" y=\"9\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"0.9\" cy=\"12\" cx=\"6.5\"\u003e\u003c\/circle\u003e\n \u003ccircle r=\"0.9\" cy=\"12\" cx=\"17.5\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKingbank KP130 1TB M.2 NVMe M.2 2280\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics \/ GPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- GPU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"8\" width=\"16\" y=\"8\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle r=\"2.5\" cy=\"12\" cx=\"11\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cstrong\u003eMSI GeForce RTX 5070 12G Shadow 2X OC Graphics Card\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Case icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"18\" width=\"12\" y=\"3\" x=\"6\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"0.5\" height=\"3\" width=\"7\" y=\"6\" x=\"8.5\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"1\" cy=\"17\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003cstrong\u003eMatx Open view fish tank case - Black ( Infinity 4 pro fan * 3)\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply \/ PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- PSU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"10\" width=\"16\" y=\"7\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"3\" cy=\"12\" cx=\"9\"\u003e\u003c\/circle\u003e\n \u003crect rx=\"0.5\" height=\"4\" width=\"2.5\" y=\"10\" x=\"16\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cstrong\u003eMSI MAG A750BN PCIE5 750W Power Supply\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Cooling\/Fan icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003ccircle r=\"5\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eThermalright Assassin X120 Refined SE ARGB CPU Air Cooler\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" aria-hidden=\"true\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- OS icon (Windows style 2x2 tiles) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"3\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"3\" x=\"13\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"13\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"13\" x=\"13\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eWindows 11 (Installed, Not Activated)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" aria-hidden=\"true\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Warranty icon (shield with check) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3-Year Return-to-Base Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Ryzen 5 7500F (Standard) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728193601789,"sku":null,"price":2099.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 7500F (Standard) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728193634557,"sku":null,"price":2279.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 7500F (Standard) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728193667325,"sku":null,"price":2398.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 7500F (Standard) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728193700093,"sku":null,"price":2578.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (+$149) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728193732861,"sku":null,"price":2248.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (+$149) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728193765629,"sku":null,"price":2428.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (+$149) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728193798397,"sku":null,"price":2547.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (+$149) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728193831165,"sku":null,"price":2727.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$249) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728193863933,"sku":null,"price":2348.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$249) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728193896701,"sku":null,"price":2528.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$249) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728193929469,"sku":null,"price":2647.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$249) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728193962237,"sku":null,"price":2827.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$379) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728193995005,"sku":null,"price":2478.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$379) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728194027773,"sku":null,"price":2658.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$379) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728194060541,"sku":null,"price":2777.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$379) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728194093309,"sku":null,"price":2957.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$489) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728194126077,"sku":null,"price":2588.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$489) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728194158845,"sku":null,"price":2768.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$489) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728194191613,"sku":null,"price":2887.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$489) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728194224381,"sku":null,"price":3067.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/7500f_5070.jpg?v=1770343232"},{"product_id":"ryzen-7-9800x3d-rtx-5070","title":"RYZEN 7 9800x3d | RTX 5070 |360 Liquid Cooled RGB Gaming PC","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n .pc-specs{\n --card-bg:#fff;\n --card-border:#e5e7eb;\n --icon-size:28px;\n --radius:12px;\n --gap:14px;\n --text:#111827;\n --muted:#6b7280;\n margin: 8px 0 18px 0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color: var(--text);\n }\n .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n .pc-specs-grid{\n display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n }\n @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n .spec-item{\n position: relative;\n display:flex; align-items:center; gap:12px;\n background: var(--card-bg);\n border:1px solid var(--card-border);\n border-radius: var(--radius);\n padding:12px 14px;\n box-shadow: 0 1px 2px rgba(0,0,0,.04);\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon{\n width: var(--icon-size); height: var(--icon-size);\n display:grid; place-items:center;\n border-radius: 10px;\n border:1px solid var(--card-border);\n background:#f9fafb;\n flex: 0 0 var(--icon-size);\n color:#374151; \/* 改这里可统一图标颜色 *\/\n cursor: help;\n position: relative; \/* tooltip 定位参考 *\/\n outline: none;\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon svg{ width: 18px; height: 18px; display:block; }\n .spec-text{ line-height:1.25 }\n .spec-label{ font-size:12px; color: var(--muted); }\n .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n \/* ===== Compact Tooltip (two-line bubble) ===== *\/\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{\n position: absolute;\n opacity: 0;\n pointer-events: none;\n transition: opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content: attr(data-tip);\n top: 50%;\n left: calc(100% + 10px);\n transform: translateY(-50%);\n\n \/* 尺寸放大：可再调这两行 *\/\n min-width: 220px;\n max-width: 360px;\n\n background: #111827;\n color: #fff;\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n font-size: 12px; line-height: 1.4;\n z-index: 30;\n\n \/* 关键：去掉省略号，允许正常换行 *\/\n display: block; \/* 覆盖 -webkit-box *\/\n -webkit-line-clamp: unset; \/* 取消行数限制 *\/\n -webkit-box-orient: unset;\n overflow: visible;\n text-overflow: unset;\n white-space: normal;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n \/* 小箭头 *\/\n .spec-icon[data-tip]::before{\n content: \"\";\n top: 50%;\n left: calc(100% + 4px);\n transform: translateY(-50%);\n border: 6px solid transparent;\n border-right-color: #111827;\n z-index: 29;\n }\n \/* 显示时机：hover + keyboard focus *\/\n .spec-icon[data-tip]:hover::after,\n .spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,\n .spec-icon[data-tip]:focus::before{\n opacity: 1;\n }\n\n \/* 窄屏：把气泡放到底部居中 *\/\n @media (max-width: 640px){\n .spec-icon[data-tip]::after{\n left: 50%;\n top: calc(100% + 10px);\n transform: translate(-50%, 0);\n }\n .spec-icon[data-tip]::before{\n left: 50%;\n top: 100%;\n transform: translate(-50%, 0);\n border: 6px solid transparent;\n border-top-color: #111827;\n }\n }\n\n \/* 减少动画（无障碍） *\/\n @media (prefers-reduced-motion: reduce){\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{ transition: none; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- CPU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"11\" width=\"11\" y=\"6.5\" x=\"6.5\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eAMD Ryzen 7 9800x3D 8 Cores 16 Threads\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Motherboard icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"16\" width=\"16\" y=\"4\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"5\" width=\"5\" y=\"7\" x=\"7\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle r=\"1\" cy=\"18\" cx=\"18\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI B850M GAMING PLUS WIFI6E AM5 Micro-ATX Motherboard\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory \/ RAM --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- RAM icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKLEVV FIT V 32G (16GB*2) DDR5 6000MHz CL28\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage \/ NVMe --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- NVMe icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"6\" width=\"16\" y=\"9\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"0.9\" cy=\"12\" cx=\"6.5\"\u003e\u003c\/circle\u003e\n \u003ccircle r=\"0.9\" cy=\"12\" cx=\"17.5\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKingbank KP160 1TB M.2 5000\/4200 PCIe 4.0 NVMe M.2 2280 SSD\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics \/ GPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- GPU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"8\" width=\"16\" y=\"8\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle r=\"2.5\" cy=\"12\" cx=\"11\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI GeForce RTX 5070 12G GAMING TRIO OC\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Case icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"18\" width=\"12\" y=\"3\" x=\"6\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"0.5\" height=\"3\" width=\"7\" y=\"6\" x=\"8.5\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"1\" cy=\"17\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eATX Case with 4 Infinity fans\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply \/ PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- PSU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"10\" width=\"16\" y=\"7\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"3\" cy=\"12\" cx=\"9\"\u003e\u003c\/circle\u003e\n \u003crect rx=\"0.5\" height=\"4\" width=\"2.5\" y=\"10\" x=\"16\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eTHERMALRIGHT 750W ATX3.1 80+ GOLD PSU TR-SG750S\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Cooling\/Fan icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003ccircle r=\"5\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eThermalright Frozen Infinity 360 AIO Liquid CPU Cooler - Black\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" aria-hidden=\"true\" data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" tabindex=\"0\"\u003e\n\u003c!-- OS icon (Windows style 2x2 tiles) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eWindows 11 (Installed, Not Activated)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" aria-hidden=\"true\" data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" tabindex=\"0\"\u003e\n\u003c!-- Warranty icon (shield with check) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3-Year Return-to-Base Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"1TB NVMe (Standard) \/ 750W Gold (Standard)","offer_id":47728415768829,"sku":null,"price":3199.0,"currency_code":"AUD","in_stock":true},{"title":"1TB NVMe (Standard) \/ 850W Gold (+$29)","offer_id":47728415801597,"sku":null,"price":3228.0,"currency_code":"AUD","in_stock":true},{"title":"2TB NVMe (+$180) \/ 750W Gold (Standard)","offer_id":47728415834365,"sku":null,"price":3379.0,"currency_code":"AUD","in_stock":true},{"title":"2TB NVMe (+$180) \/ 850W Gold (+$29)","offer_id":47728415867133,"sku":null,"price":3408.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/DSC_1549.jpg?v=1765604056"},{"product_id":"ryzen-7-9800x3d-rtx-5080","title":"RYZEN 7 9800x3d | RTX 5080 | High-End Liquid Cooled RGB Gaming Pc","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n .pc-specs{\n --card-bg:#fff;\n --card-border:#e5e7eb;\n --icon-size:28px;\n --radius:12px;\n --gap:14px;\n --text:#111827;\n --muted:#6b7280;\n margin: 8px 0 18px 0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color: var(--text);\n }\n .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n .pc-specs-grid{\n display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n }\n @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n .spec-item{\n position: relative;\n display:flex; align-items:center; gap:12px;\n background: var(--card-bg);\n border:1px solid var(--card-border);\n border-radius: var(--radius);\n padding:12px 14px;\n box-shadow: 0 1px 2px rgba(0,0,0,.04);\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon{\n width: var(--icon-size); height: var(--icon-size);\n display:grid; place-items:center;\n border-radius: 10px;\n border:1px solid var(--card-border);\n background:#f9fafb;\n flex: 0 0 var(--icon-size);\n color:#374151; \/* 改这里可统一图标颜色 *\/\n cursor: help;\n position: relative; \/* tooltip 定位参考 *\/\n outline: none;\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon svg{ width: 18px; height: 18px; display:block; }\n .spec-text{ line-height:1.25 }\n .spec-label{ font-size:12px; color: var(--muted); }\n .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n \/* ===== Compact Tooltip (two-line bubble) ===== *\/\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{\n position: absolute;\n opacity: 0;\n pointer-events: none;\n transition: opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content: attr(data-tip);\n top: 50%;\n left: calc(100% + 10px);\n transform: translateY(-50%);\n\n \/* 尺寸放大：可再调这两行 *\/\n min-width: 220px;\n max-width: 360px;\n\n background: #111827;\n color: #fff;\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n font-size: 12px; line-height: 1.4;\n z-index: 30;\n\n \/* 关键：去掉省略号，允许正常换行 *\/\n display: block; \/* 覆盖 -webkit-box *\/\n -webkit-line-clamp: unset; \/* 取消行数限制 *\/\n -webkit-box-orient: unset;\n overflow: visible;\n text-overflow: unset;\n white-space: normal;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n \/* 小箭头 *\/\n .spec-icon[data-tip]::before{\n content: \"\";\n top: 50%;\n left: calc(100% + 4px);\n transform: translateY(-50%);\n border: 6px solid transparent;\n border-right-color: #111827;\n z-index: 29;\n }\n \/* 显示时机：hover + keyboard focus *\/\n .spec-icon[data-tip]:hover::after,\n .spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,\n .spec-icon[data-tip]:focus::before{\n opacity: 1;\n }\n\n \/* 窄屏：把气泡放到底部居中 *\/\n @media (max-width: 640px){\n .spec-icon[data-tip]::after{\n left: 50%;\n top: calc(100% + 10px);\n transform: translate(-50%, 0);\n }\n .spec-icon[data-tip]::before{\n left: 50%;\n top: 100%;\n transform: translate(-50%, 0);\n border: 6px solid transparent;\n border-top-color: #111827;\n }\n }\n\n \/* 减少动画（无障碍） *\/\n @media (prefers-reduced-motion: reduce){\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{ transition: none; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- CPU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"11\" width=\"11\" y=\"6.5\" x=\"6.5\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eAMD Ryzen 7 9800x3D 8 Cores 16 Threads\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Motherboard icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"16\" width=\"16\" y=\"4\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"5\" width=\"5\" y=\"7\" x=\"7\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle r=\"1\" cy=\"18\" cx=\"18\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI B850M GAMING PLUS WIFI6E AM5 Micro-ATX Motherboard\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory \/ RAM --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- RAM icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cstrong\u003e32GB (16gb x 2) KLEVV FIT V DDR5 6000MHz CL28 Desktop RAM - White\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage \/ NVMe --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- NVMe icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"6\" width=\"16\" y=\"9\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"0.9\" cy=\"12\" cx=\"6.5\"\u003e\u003c\/circle\u003e\n \u003ccircle r=\"0.9\" cy=\"12\" cx=\"17.5\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKLEVV CRAS C910G 1TB PCIe 4.0 NVMe M.2 2280 SSD\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics \/ GPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- GPU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"8\" width=\"16\" y=\"8\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle r=\"2.5\" cy=\"12\" cx=\"11\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI RTX 5080 16G Shaodw 3X OC\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Case icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"18\" width=\"12\" y=\"3\" x=\"6\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"0.5\" height=\"3\" width=\"7\" y=\"6\" x=\"8.5\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"1\" cy=\"17\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eATX Open view case black\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply \/ PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- PSU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"10\" width=\"16\" y=\"7\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"3\" cy=\"12\" cx=\"9\"\u003e\u003c\/circle\u003e\n \u003crect rx=\"0.5\" height=\"4\" width=\"2.5\" y=\"10\" x=\"16\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eTHERMALRIGHT 850W ATX3.1 80+ GOLD Full-Modular PSU\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Cooling\/Fan icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003ccircle r=\"5\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eThermalright Frozen Infinity 360 AIO Liquid CPU Cooler - Black\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" aria-hidden=\"true\" data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" tabindex=\"0\"\u003e\n\u003c!-- OS icon (Windows style 2x2 tiles) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eWindows 11 (Installed, Not Activated)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" aria-hidden=\"true\" data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" tabindex=\"0\"\u003e\n\u003c!-- Warranty icon (shield with check) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3-Year Return-to-Base Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Ryzen 7 9800X3D (Standard) \/ 1TB NVMe (Standard)","offer_id":47728030449917,"sku":null,"price":4299.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (Standard) \/ 2TB NVMe (+$180)","offer_id":47728057254141,"sku":null,"price":4479.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X (+$159) \/ 1TB NVMe (Standard)","offer_id":47728114663677,"sku":null,"price":4458.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X (+$159) \/ 2TB NVMe (+$180)","offer_id":47728114696445,"sku":null,"price":4638.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9850X3D (+$189) \/ 1TB NVMe (Standard)","offer_id":47728114729213,"sku":null,"price":4488.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9850X3D (+$189) \/ 2TB NVMe (+$180)","offer_id":47728114761981,"sku":null,"price":4668.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X3D (+$409) \/ 1TB NVMe (Standard)","offer_id":47728114794749,"sku":null,"price":4708.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X3D (+$409) \/ 2TB NVMe (+$180)","offer_id":47728114827517,"sku":null,"price":4888.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/5e591f27e644491623bcbe2674750c90.jpg?v=1767922873"},{"product_id":"rog-ryzen-7-9800x3d-rtx-5080","title":"ROG Hyperion \u0026 RTX 5090 SUPRIM SOC| Ryzen 7 9800X3D | Ultimate RGB Gaming Pc","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n .pc-specs{\n --card-bg:#fff;\n --card-border:#e5e7eb;\n --icon-size:28px;\n --radius:12px;\n --gap:14px;\n --text:#111827;\n --muted:#6b7280;\n margin: 8px 0 18px 0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color: var(--text);\n }\n .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n .pc-specs-grid{\n display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n }\n @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n .spec-item{\n position: relative;\n display:flex; align-items:center; gap:12px;\n background: var(--card-bg);\n border:1px solid var(--card-border);\n border-radius: var(--radius);\n padding:12px 14px;\n box-shadow: 0 1px 2px rgba(0,0,0,.04);\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon{\n width: var(--icon-size); height: var(--icon-size);\n display:grid; place-items:center;\n border-radius: 10px;\n border:1px solid var(--card-border);\n background:#f9fafb;\n flex: 0 0 var(--icon-size);\n color:#374151; \/* 改这里可统一图标颜色 *\/\n cursor: help;\n position: relative; \/* tooltip 定位参考 *\/\n outline: none;\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon svg{ width: 18px; height: 18px; display:block; }\n .spec-text{ line-height:1.25 }\n .spec-label{ font-size:12px; color: var(--muted); }\n .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n \/* ===== Compact Tooltip (two-line bubble) ===== *\/\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{\n position: absolute;\n opacity: 0;\n pointer-events: none;\n transition: opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content: attr(data-tip);\n top: 50%;\n left: calc(100% + 10px);\n transform: translateY(-50%);\n\n \/* 尺寸放大：可再调这两行 *\/\n min-width: 220px;\n max-width: 360px;\n\n background: #111827;\n color: #fff;\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n font-size: 12px; line-height: 1.4;\n z-index: 30;\n\n \/* 关键：去掉省略号，允许正常换行 *\/\n display: block; \/* 覆盖 -webkit-box *\/\n -webkit-line-clamp: unset; \/* 取消行数限制 *\/\n -webkit-box-orient: unset;\n overflow: visible;\n text-overflow: unset;\n white-space: normal;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n \/* 小箭头 *\/\n .spec-icon[data-tip]::before{\n content: \"\";\n top: 50%;\n left: calc(100% + 4px);\n transform: translateY(-50%);\n border: 6px solid transparent;\n border-right-color: #111827;\n z-index: 29;\n }\n \/* 显示时机：hover + keyboard focus *\/\n .spec-icon[data-tip]:hover::after,\n .spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,\n .spec-icon[data-tip]:focus::before{\n opacity: 1;\n }\n\n \/* 窄屏：把气泡放到底部居中 *\/\n @media (max-width: 640px){\n .spec-icon[data-tip]::after{\n left: 50%;\n top: calc(100% + 10px);\n transform: translate(-50%, 0);\n }\n .spec-icon[data-tip]::before{\n left: 50%;\n top: 100%;\n transform: translate(-50%, 0);\n border: 6px solid transparent;\n border-top-color: #111827;\n }\n }\n\n \/* 减少动画（无障碍） *\/\n @media (prefers-reduced-motion: reduce){\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{ transition: none; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- CPU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6.5\" y=\"6.5\" width=\"11\" height=\"11\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003ca href=\"https:\/\/gonecomputer.com\/products\/amd-ryzen-7-9800x3d-8-core-am5-5-2ghz-cpu-processor?_pos=1\u0026amp;amp;_sid=c4901b6cd\u0026amp;amp;_ss=r\"\u003eAMD Ryzen 7 9800x3d\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Motherboard icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"7\" y=\"7\" width=\"5\" height=\"5\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"18\" cy=\"18\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003ca href=\"https:\/\/gonecomputer.com\/products\/msi-mpg-x870e-carbon-wifi-motherboard-atx?_pos=1\u0026amp;amp;_sid=20467b471\u0026amp;amp;_ss=r\"\u003eMSI MPG X870E Carbon Wifi ATX\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory \/ RAM --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- RAM icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003ca href=\"https:\/\/gonecomputer.com\/products\/g-skill-trident-z5-royal-neo-32gb2-a16gb-ddr5-6000-cl28-memory?_pos=1\u0026amp;amp;_sid=5d8b4fe82\u0026amp;amp;_ss=r\"\u003eG.Skill Trident Z5 Royal Neo 32GB (2 x 16GB) DDR5 6400MHz CL30\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage \/ NVMe --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- NVMe icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"9\" width=\"16\" height=\"6\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"6.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"17.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003ca href=\"https:\/\/gonecomputer.com\/products\/samsung-990-pro-1tb-pcie-gen4-nvme-m-2-ssd?_pos=1\u0026amp;amp;_sid=3632bb331\u0026amp;amp;_ss=r\"\u003eSamsung 990 PRO 1TB PCle Gen4 NVMe M.2 SSD\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics \/ GPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- GPU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"8\" width=\"16\" height=\"8\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"11\" cy=\"12\" r=\"2.5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003ca href=\"https:\/\/gonecomputer.com\/products\/msi-geforce-rtx-5090-32g-suprim-soc?_pos=1\u0026amp;amp;_sid=dd3593c7a\u0026amp;amp;_ss=r\"\u003eMSI GeForce RTX 5090 32G SUPRIM SOC\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Case icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"8.5\" y=\"6\" width=\"7\" height=\"3\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"12\" cy=\"17\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003ca href=\"https:\/\/gonecomputer.com\/products\/asus-rog-hyperion-gr701-e-atx-gaming-case-black?_pos=1\u0026amp;amp;_sid=58039150f\u0026amp;amp;_ss=r\"\u003eASUS ROG Hyperion GR701 E-ATX Gaming Case black\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply \/ PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- PSU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"9\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n \u003crect x=\"16\" y=\"10\" width=\"2.5\" height=\"4\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003ca href=\"https:\/\/gonecomputer.com\/products\/msi-mpg-a1250gs-1250w-80-gold-pcie5-fully-modular?_pos=1\u0026amp;amp;_sid=b025288b1\u0026amp;amp;_ss=r\"\u003eMSI MPG A1250GS 1250W 80+ Gold PCIE5 Fully Modular\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Cooling\/Fan icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003ca href=\"https:\/\/gonecomputer.com\/products\/asus-rog-ryuo-iv-slc-360-argb-6-67-amoled-all-in-one-liquid-cooling?_pos=1\u0026amp;amp;_sid=91695ae95\u0026amp;amp;_ss=r\"\u003eAsus ROG RYUO IV SLC 360 ARGB 6.67\" AMOLED All-In-One\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" aria-hidden=\"true\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- OS icon (Windows style 2x2 tiles) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"3\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"3\" x=\"13\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"13\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"13\" x=\"13\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eWindows 11 (Installed, Not Activated)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" aria-hidden=\"true\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Warranty icon (shield with check) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3-Year Return-to-Base Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Ryzen 7 9800X3D (Standard) \/ 1TB NVMe (Standard)","offer_id":47728420782333,"sku":null,"price":12999.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (Standard) \/ 2TB NVMe (+$180)","offer_id":47728420815101,"sku":null,"price":13179.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X (+$159) \/ 1TB NVMe (Standard)","offer_id":47728420847869,"sku":null,"price":13158.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X (+$159) \/ 2TB NVMe (+$180)","offer_id":47728420880637,"sku":null,"price":13338.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9850X3D (+$189) \/ 1TB NVMe (Standard)","offer_id":47728420913405,"sku":null,"price":13188.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9850X3D (+$189) \/ 2TB NVMe (+$180)","offer_id":47728420946173,"sku":null,"price":13368.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X3D (+$409) \/ 1TB NVMe (Standard)","offer_id":47728420978941,"sku":null,"price":13408.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X3D (+$409) \/ 2TB NVMe (+$180)","offer_id":47728421011709,"sku":null,"price":13588.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/WeixinImage_20251112013807_102_13_56e8bd74-d359-43b0-b94c-56a89471f087.jpg?v=1762872154"},{"product_id":"ryzen-5-7500f-rtx-5060","title":"RYZEN 5 7500F | RTX 5060 | Liquid Cooled RGB Gaming Pc","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Spec Cards + Tooltips (Shopify Optimized) ===== *\/\n .pc-specs{\n --bg:#fff;--bd:#e5e7eb;--text:#111827;--muted:#6b7280;\n --radius:12px;--gap:14px;--icon:28px;\n margin:8px 0 18px;\n font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Arial,\"Apple Color Emoji\",\"Segoe UI Emoji\";\n color:var(--text);\n }\n .pc-specs .title{font-size:18px;font-weight:700;margin:0 0 10px}\n .pc-specs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}\n @media (max-width:640px){.pc-specs-grid{grid-template-columns:1fr}}\n\n .spec-item{\n position:relative;display:flex;align-items:center;gap:12px;\n background:var(--bg);border:1px solid var(--bd);border-radius:var(--radius);\n padding:12px 14px;box-shadow:0 1px 2px rgba(0,0,0,.04);\n overflow:visible;\n }\n .spec-icon{\n width:var(--icon);height:var(--icon);\n display:grid;place-items:center;\n border-radius:10px;border:1px solid var(--bd);background:#f9fafb;color:#374151;\n flex:0 0 var(--icon);cursor:help;position:relative;outline:none;overflow:visible;\n }\n .spec-icon svg{width:18px;height:18px;display:block}\n .spec-text{line-height:1.25}\n .spec-label{font-size:12px;color:var(--muted)}\n \/* ✅ 统一所有 value 样式（Case\/OS\/Warranty 也一样） *\/\n .spec-value{font-weight:600;font-size:14px;margin-top:2px}\n\n \/* ===== Tooltip ===== *\/\n .spec-icon[data-tip]::after,.spec-icon[data-tip]::before{\n position:absolute;opacity:0;pointer-events:none;transition:opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content:attr(data-tip);\n top:50%;left:calc(100% + 10px);transform:translateY(-50%);\n min-width:220px;max-width:360px;\n background:#111827;color:#fff;padding:8px 10px;border-radius:8px;\n box-shadow:0 8px 24px rgba(0,0,0,.18);\n font-size:12px;line-height:1.4;z-index:30;\n white-space:normal;overflow-wrap:anywhere;word-break:normal;\n }\n .spec-icon[data-tip]::before{\n content:\"\";top:50%;left:calc(100% + 4px);transform:translateY(-50%);\n border:6px solid transparent;border-right-color:#111827;z-index:29;\n }\n .spec-icon[data-tip]:hover::after,.spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,.spec-icon[data-tip]:focus::before{opacity:1}\n\n @media (max-width:640px){\n .spec-icon[data-tip]::after{left:50%;top:calc(100% + 10px);transform:translate(-50%,0)}\n .spec-icon[data-tip]::before{\n left:50%;top:100%;transform:translate(-50%,0);\n border:6px solid transparent;border-top-color:#111827;border-right-color:transparent;\n }\n }\n @media (prefers-reduced-motion:reduce){.spec-icon[data-tip]::after,.spec-icon[data-tip]::before{transition:none}}\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6.5\" y=\"6.5\" width=\"11\" height=\"11\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eAMD Ryzen 5 7500F 6 Cores 12 Threads 5.0GHz AM5 Processor\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"7\" y=\"7\" width=\"5\" height=\"5\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"18\" cy=\"18\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI B650M Bomber WIFI AM5 mATX Motherboard\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKLEVV FIT V DDR5 6000MHz CL28 Desktop RAM - Black 16gb\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"9\" width=\"16\" height=\"6\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"6.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"17.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKingbank KP130 1TB M.2 NVMe M.2 2280 SSD\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"8\" width=\"16\" height=\"8\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"11\" cy=\"12\" r=\"2.5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI GeForce RTX 5060 8G Shadow 2X OC Graphics Card\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"8.5\" y=\"6\" width=\"7\" height=\"3\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"12\" cy=\"17\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003cstrong\u003eMatx Open view fish tank case - black\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"9\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n \u003crect x=\"16\" y=\"10\" width=\"2.5\" height=\"4\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eThermalright 550W 80+ Bronze Certified ATX Power Supply TB550S\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eThermalright Frozen Infinity 240 AIO Liquid CPU Cooler\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003cstrong\u003eWindows 11 (Installed,Not Activated)\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003cstrong\u003e3-Year Return-to-Base Warranty\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Ryzen 5 7500F (Standard) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728119185661,"sku":null,"price":1629.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 7500F (Standard) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728119218429,"sku":null,"price":1809.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 7500F (Standard) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728119251197,"sku":null,"price":1928.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 7500F (Standard) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728119283965,"sku":null,"price":2108.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (+$149) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728119316733,"sku":null,"price":1778.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (+$149) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728119349501,"sku":null,"price":1958.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (+$149) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728119382269,"sku":null,"price":2077.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (+$149) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728119415037,"sku":null,"price":2257.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$249) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728119447805,"sku":null,"price":1878.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$249) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728119480573,"sku":null,"price":2058.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$249) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728119513341,"sku":null,"price":2177.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$249) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728119546109,"sku":null,"price":2357.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$379) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728119578877,"sku":null,"price":2008.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$379) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728119611645,"sku":null,"price":2188.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$379) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728119644413,"sku":null,"price":2307.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$379) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728119677181,"sku":null,"price":2487.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$489) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728119709949,"sku":null,"price":2118.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$489) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728119742717,"sku":null,"price":2298.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$489) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728119775485,"sku":null,"price":2417.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$489) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728119808253,"sku":null,"price":2597.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X (+$579) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728119841021,"sku":null,"price":2208.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X (+$579) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728119873789,"sku":null,"price":2388.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X (+$579) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728119906557,"sku":null,"price":2507.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X (+$579) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728119939325,"sku":null,"price":2687.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9850X3D (+$609) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728119972093,"sku":null,"price":2238.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9850X3D (+$609) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728120004861,"sku":null,"price":2418.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9850X3D (+$609) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728120037629,"sku":null,"price":2537.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9850X3D (+$609) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728120070397,"sku":null,"price":2717.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X3D (+$829) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728120103165,"sku":null,"price":2458.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X3D (+$829) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728120135933,"sku":null,"price":2638.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X3D (+$829) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728120168701,"sku":null,"price":2757.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X3D (+$829) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728120201469,"sku":null,"price":2937.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/1232.jpg?v=1768182433"},{"product_id":"ryzen-5-9600x-rtx-5070-liquid-cooler-matx-240-aio","title":"RYZEN 5 9600x | RTX 5070 | Liquid Cooled RGB Gaming Pc","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n .pc-specs{\n --card-bg:#fff;\n --card-border:#e5e7eb;\n --icon-size:28px;\n --radius:12px;\n --gap:14px;\n --text:#111827;\n --muted:#6b7280;\n margin: 8px 0 18px 0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color: var(--text);\n }\n .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n .pc-specs-grid{\n display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n }\n @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n .spec-item{\n position: relative;\n display:flex; align-items:center; gap:12px;\n background: var(--card-bg);\n border:1px solid var(--card-border);\n border-radius: var(--radius);\n padding:12px 14px;\n box-shadow: 0 1px 2px rgba(0,0,0,.04);\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon{\n width: var(--icon-size); height: var(--icon-size);\n display:grid; place-items:center;\n border-radius: 10px;\n border:1px solid var(--card-border);\n background:#f9fafb;\n flex: 0 0 var(--icon-size);\n color:#374151; \/* 改这里可统一图标颜色 *\/\n cursor: help;\n position: relative; \/* tooltip 定位参考 *\/\n outline: none;\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon svg{ width: 18px; height: 18px; display:block; }\n .spec-text{ line-height:1.25 }\n .spec-label{ font-size:12px; color: var(--muted); }\n .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n \/* ===== Compact Tooltip (two-line bubble) ===== *\/\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{\n position: absolute;\n opacity: 0;\n pointer-events: none;\n transition: opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content: attr(data-tip);\n top: 50%;\n left: calc(100% + 10px);\n transform: translateY(-50%);\n\n \/* 尺寸放大：可再调这两行 *\/\n min-width: 220px;\n max-width: 360px;\n\n background: #111827;\n color: #fff;\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n font-size: 12px; line-height: 1.4;\n z-index: 30;\n\n \/* 关键：去掉省略号，允许正常换行 *\/\n display: block; \/* 覆盖 -webkit-box *\/\n -webkit-line-clamp: unset; \/* 取消行数限制 *\/\n -webkit-box-orient: unset;\n overflow: visible;\n text-overflow: unset;\n white-space: normal;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n \/* 小箭头 *\/\n .spec-icon[data-tip]::before{\n content: \"\";\n top: 50%;\n left: calc(100% + 4px);\n transform: translateY(-50%);\n border: 6px solid transparent;\n border-right-color: #111827;\n z-index: 29;\n }\n \/* 显示时机：hover + keyboard focus *\/\n .spec-icon[data-tip]:hover::after,\n .spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,\n .spec-icon[data-tip]:focus::before{\n opacity: 1;\n }\n\n \/* 窄屏：把气泡放到底部居中 *\/\n @media (max-width: 640px){\n .spec-icon[data-tip]::after{\n left: 50%;\n top: calc(100% + 10px);\n transform: translate(-50%, 0);\n }\n .spec-icon[data-tip]::before{\n left: 50%;\n top: 100%;\n transform: translate(-50%, 0);\n border: 6px solid transparent;\n border-top-color: #111827;\n }\n }\n\n \/* 减少动画（无障碍） *\/\n @media (prefers-reduced-motion: reduce){\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{ transition: none; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003e Build Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- CPU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6.5\" y=\"6.5\" width=\"11\" height=\"11\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eAMD Ryzen 5 9600X 6 Cores 12 Threads 5.4GHz\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Motherboard icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"7\" y=\"7\" width=\"5\" height=\"5\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"18\" cy=\"18\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI B650M Bomber WIFI AM5 mATX\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory \/ RAM --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- RAM icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKlevv FIT V DDR5 6000MHz CL28 Desktop 32g (16GB x 2) White\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage \/ NVMe --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- NVMe icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"9\" width=\"16\" height=\"6\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"6.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"17.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKingbank KP130 1TB \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics \/ GPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- GPU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"8\" width=\"16\" height=\"8\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"11\" cy=\"12\" r=\"2.5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI GeForce RTX 5070 12G Shadow 2X OC Graphics Card\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Case icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"8.5\" y=\"6\" width=\"7\" height=\"3\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"12\" cy=\"17\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003emATX Case with 3 fans\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply \/ PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- PSU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"9\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n \u003crect x=\"16\" y=\"10\" width=\"2.5\" height=\"4\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI MAG A750BN PCIE5 750 W Power Supply\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Cooling\/Fan icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eThermalright Frozen Infinity 240 AIO Liquid CPU Cooler\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" aria-hidden=\"true\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- OS icon (Windows style 2x2 tiles) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"3\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"3\" x=\"13\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"13\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"13\" x=\"13\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eWindows 11 (Installed, Not Activated)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" aria-hidden=\"true\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Warranty icon (shield with check) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3-Year Return-to-Base Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Ryzen 5 9600X (Standard) \/ 1TB NVMe (Standard) \/ 750W Bronze (Standard)","offer_id":47728414195965,"sku":null,"price":2538.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (Standard) \/ 1TB NVMe (Standard) \/ 850W Gold (+$49)","offer_id":47728414228733,"sku":null,"price":2587.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (Standard) \/ 2TB NVMe (+$180) \/ 750W Bronze (Standard)","offer_id":47728414261501,"sku":null,"price":2718.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (Standard) \/ 2TB NVMe (+$180) \/ 850W Gold (+$49)","offer_id":47728414294269,"sku":null,"price":2767.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$169) \/ 1TB NVMe (Standard) \/ 750W Bronze (Standard)","offer_id":47728414327037,"sku":null,"price":2707.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$169) \/ 1TB NVMe (Standard) \/ 850W Gold (+$49)","offer_id":47728414359805,"sku":null,"price":2756.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$169) \/ 2TB NVMe (+$180) \/ 750W Bronze (Standard)","offer_id":47728414392573,"sku":null,"price":2887.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$169) \/ 2TB NVMe (+$180) \/ 850W Gold (+$49)","offer_id":47728414425341,"sku":null,"price":2936.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$299) \/ 1TB NVMe (Standard) \/ 750W Bronze (Standard)","offer_id":47728414458109,"sku":null,"price":2837.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$299) \/ 1TB NVMe (Standard) \/ 850W Gold (+$49)","offer_id":47728414490877,"sku":null,"price":2886.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$299) \/ 2TB NVMe (+$180) \/ 750W Bronze (Standard)","offer_id":47728414523645,"sku":null,"price":3017.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$299) \/ 2TB NVMe (+$180) \/ 850W Gold (+$49)","offer_id":47728414556413,"sku":null,"price":3066.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$409) \/ 1TB NVMe (Standard) \/ 750W Bronze (Standard)","offer_id":47728414589181,"sku":null,"price":2947.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$409) \/ 1TB NVMe (Standard) \/ 850W Gold (+$49)","offer_id":47728414621949,"sku":null,"price":2996.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$409) \/ 2TB NVMe (+$180) \/ 750W Bronze (Standard)","offer_id":47728414654717,"sku":null,"price":3127.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$409) \/ 2TB NVMe (+$180) \/ 850W Gold (+$49)","offer_id":47728414687485,"sku":null,"price":3176.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/20260113133106_224_1298.jpg?v=1768271923"},{"product_id":"ryzen-7-7800x3d-rtx-5070-liquid-cooler-matx-240-aio-copy","title":"RYZEN 7 7800X3D | RTX 5070 | High-End Liquid Cooled Gaming Pc","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n .pc-specs{\n --card-bg:#fff;\n --card-border:#e5e7eb;\n --icon-size:28px;\n --radius:12px;\n --gap:14px;\n --text:#111827;\n --muted:#6b7280;\n margin: 8px 0 18px 0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color: var(--text);\n }\n .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n .pc-specs-grid{\n display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n }\n @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n .spec-item{\n position: relative;\n display:flex; align-items:center; gap:12px;\n background: var(--card-bg);\n border:1px solid var(--card-border);\n border-radius: var(--radius);\n padding:12px 14px;\n box-shadow: 0 1px 2px rgba(0,0,0,.04);\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon{\n width: var(--icon-size); height: var(--icon-size);\n display:grid; place-items:center;\n border-radius: 10px;\n border:1px solid var(--card-border);\n background:#f9fafb;\n flex: 0 0 var(--icon-size);\n color:#374151; \/* 改这里可统一图标颜色 *\/\n cursor: help;\n position: relative; \/* tooltip 定位参考 *\/\n outline: none;\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon svg{ width: 18px; height: 18px; display:block; }\n .spec-text{ line-height:1.25 }\n .spec-label{ font-size:12px; color: var(--muted); }\n .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n \/* ===== Compact Tooltip (two-line bubble) ===== *\/\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{\n position: absolute;\n opacity: 0;\n pointer-events: none;\n transition: opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content: attr(data-tip);\n top: 50%;\n left: calc(100% + 10px);\n transform: translateY(-50%);\n\n \/* 尺寸放大：可再调这两行 *\/\n min-width: 220px;\n max-width: 360px;\n\n background: #111827;\n color: #fff;\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n font-size: 12px; line-height: 1.4;\n z-index: 30;\n\n \/* 关键：去掉省略号，允许正常换行 *\/\n display: block; \/* 覆盖 -webkit-box *\/\n -webkit-line-clamp: unset; \/* 取消行数限制 *\/\n -webkit-box-orient: unset;\n overflow: visible;\n text-overflow: unset;\n white-space: normal;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n \/* 小箭头 *\/\n .spec-icon[data-tip]::before{\n content: \"\";\n top: 50%;\n left: calc(100% + 4px);\n transform: translateY(-50%);\n border: 6px solid transparent;\n border-right-color: #111827;\n z-index: 29;\n }\n \/* 显示时机：hover + keyboard focus *\/\n .spec-icon[data-tip]:hover::after,\n .spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,\n .spec-icon[data-tip]:focus::before{\n opacity: 1;\n }\n\n \/* 窄屏：把气泡放到底部居中 *\/\n @media (max-width: 640px){\n .spec-icon[data-tip]::after{\n left: 50%;\n top: calc(100% + 10px);\n transform: translate(-50%, 0);\n }\n .spec-icon[data-tip]::before{\n left: 50%;\n top: 100%;\n transform: translate(-50%, 0);\n border: 6px solid transparent;\n border-top-color: #111827;\n }\n }\n\n \/* 减少动画（无障碍） *\/\n @media (prefers-reduced-motion: reduce){\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{ transition: none; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- CPU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6.5\" y=\"6.5\" width=\"11\" height=\"11\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cstrong\u003eAMD Ryzen 7 7800x3d 8 Core AM5 5Ghz\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Motherboard icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"7\" y=\"7\" width=\"5\" height=\"5\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"18\" cy=\"18\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI B650M BOMBER WIFI AMD mATX Motherboard\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory \/ RAM --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- RAM icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKLEVV FIT V DDR5 6000MHz CL28 Desktop RAM - White 16g * 2\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage \/ NVMe --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- NVMe icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"9\" width=\"16\" height=\"6\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"6.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"17.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKLEVV CRAS C910G 1TB PCIe 4.0 NVMe M.2 2280 SSD\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics \/ GPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- GPU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"8\" width=\"16\" height=\"8\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"11\" cy=\"12\" r=\"2.5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI GeForce RTX 5070 12G Shadow 2X OC Graphics Card\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Case icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"8.5\" y=\"6\" width=\"7\" height=\"3\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"12\" cy=\"17\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cstrong\u003emATX Case with 3 fans\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply \/ PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- PSU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"9\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n \u003crect x=\"16\" y=\"10\" width=\"2.5\" height=\"4\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cstrong\u003eMSI MAG A750BN PCIE5 750 W Power Supply\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Cooling\/Fan icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cstrong\u003eThermalright Frozen Infinity 240 AIO Liquid CPU Cooler - Black\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" aria-hidden=\"true\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- OS icon (Windows style 2x2 tiles) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"3\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"3\" x=\"13\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"13\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"13\" x=\"13\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eWindows 11 (Installed, Not Activated)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" aria-hidden=\"true\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Warranty icon (shield with check) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3-Year Return-to-Base Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Ryzen 7 7800X3D (Standard) \/ 1TB NVMe (Standard) \/ 750W Bronze (Standard)","offer_id":47728414982397,"sku":null,"price":2649.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (Standard) \/ 1TB NVMe (Standard) \/ 850W Gold (+$49)","offer_id":47728415015165,"sku":null,"price":2698.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (Standard) \/ 2TB NVMe (+$180) \/ 750W Bronze (Standard)","offer_id":47728415047933,"sku":null,"price":2829.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (Standard) \/ 2TB NVMe (+$180) \/ 850W Gold (+$49)","offer_id":47728415080701,"sku":null,"price":2878.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$229) \/ 1TB NVMe (Standard) \/ 750W Bronze (Standard)","offer_id":47728415113469,"sku":null,"price":2878.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$229) \/ 1TB NVMe (Standard) \/ 850W Gold (+$49)","offer_id":47728415146237,"sku":null,"price":2927.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$229) \/ 2TB NVMe (+$180) \/ 750W Bronze (Standard)","offer_id":47728415179005,"sku":null,"price":3058.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$229) \/ 2TB NVMe (+$180) \/ 850W Gold (+$49)","offer_id":47728415211773,"sku":null,"price":3107.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/312.jpg?v=1768100969"},{"product_id":"ryzen-5-9600x-rtx-5070-ti","title":"RYZEN 7 9700X | RTX 5070 Ti | High End Liquid Cooled Rgb Gaming Pc","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n .pc-specs{\n --card-bg:#fff;\n --card-border:#e5e7eb;\n --icon-size:28px;\n --radius:12px;\n --gap:14px;\n --text:#111827;\n --muted:#6b7280;\n margin: 8px 0 18px 0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color: var(--text);\n }\n .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n .pc-specs-grid{\n display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n }\n @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n .spec-item{\n position: relative;\n display:flex; align-items:center; gap:12px;\n background: var(--card-bg);\n border:1px solid var(--card-border);\n border-radius: var(--radius);\n padding:12px 14px;\n box-shadow: 0 1px 2px rgba(0,0,0,.04);\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon{\n width: var(--icon-size); height: var(--icon-size);\n display:grid; place-items:center;\n border-radius: 10px;\n border:1px solid var(--card-border);\n background:#f9fafb;\n flex: 0 0 var(--icon-size);\n color:#374151; \/* 改这里可统一图标颜色 *\/\n cursor: help;\n position: relative; \/* tooltip 定位参考 *\/\n outline: none;\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon svg{ width: 18px; height: 18px; display:block; }\n .spec-text{ line-height:1.25 }\n .spec-label{ font-size:12px; color: var(--muted); }\n .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n \/* ===== Compact Tooltip (two-line bubble) ===== *\/\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{\n position: absolute;\n opacity: 0;\n pointer-events: none;\n transition: opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content: attr(data-tip);\n top: 50%;\n left: calc(100% + 10px);\n transform: translateY(-50%);\n\n \/* 尺寸放大：可再调这两行 *\/\n min-width: 220px;\n max-width: 360px;\n\n background: #111827;\n color: #fff;\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n font-size: 12px; line-height: 1.4;\n z-index: 30;\n\n \/* 关键：去掉省略号，允许正常换行 *\/\n display: block; \/* 覆盖 -webkit-box *\/\n -webkit-line-clamp: unset; \/* 取消行数限制 *\/\n -webkit-box-orient: unset;\n overflow: visible;\n text-overflow: unset;\n white-space: normal;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n \/* 小箭头 *\/\n .spec-icon[data-tip]::before{\n content: \"\";\n top: 50%;\n left: calc(100% + 4px);\n transform: translateY(-50%);\n border: 6px solid transparent;\n border-right-color: #111827;\n z-index: 29;\n }\n \/* 显示时机：hover + keyboard focus *\/\n .spec-icon[data-tip]:hover::after,\n .spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,\n .spec-icon[data-tip]:focus::before{\n opacity: 1;\n }\n\n \/* 窄屏：把气泡放到底部居中 *\/\n @media (max-width: 640px){\n .spec-icon[data-tip]::after{\n left: 50%;\n top: calc(100% + 10px);\n transform: translate(-50%, 0);\n }\n .spec-icon[data-tip]::before{\n left: 50%;\n top: 100%;\n transform: translate(-50%, 0);\n border: 6px solid transparent;\n border-top-color: #111827;\n }\n }\n\n \/* 减少动画（无障碍） *\/\n @media (prefers-reduced-motion: reduce){\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{ transition: none; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- CPU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6.5\" y=\"6.5\" width=\"11\" height=\"11\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cstrong\u003eAMD Ryzen 7 9700X 8 Cores 16 Threads 5.5GHz AM5 Processor\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Motherboard icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"7\" y=\"7\" width=\"5\" height=\"5\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"18\" cy=\"18\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cstrong\u003eMSI MAG B650M Bomber WIFI AM5 mATX\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory \/ RAM --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- RAM icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cstrong\u003eKLEVV FIT V DDR5 6000MHz CL28 Desktop RAM - Black 16gb\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage \/ NVMe --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- NVMe icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"9\" width=\"16\" height=\"6\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"6.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"17.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cstrong\u003eKingbank KP130 1TB M.2 \u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics \/ GPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- GPU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"8\" width=\"16\" height=\"8\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"11\" cy=\"12\" r=\"2.5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cstrong\u003eMSI GeForce RTX 5070 Ti 16G Shadow 3X OC Graphics Card\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Case icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"8.5\" y=\"6\" width=\"7\" height=\"3\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"12\" cy=\"17\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cstrong\u003eMatx Open view fish tank case with 3 fans\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply \/ PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- PSU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"9\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n \u003crect x=\"16\" y=\"10\" width=\"2.5\" height=\"4\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cstrong\u003eTHERMALRIGHT 850W ATX3.1 80+ GOLD PSU (5YRS) TR-SG850S\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Cooling\/Fan icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cstrong\u003eThermalright Frozen Infinity 240 AIO Liquid CPU Cooler - Black\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" aria-hidden=\"true\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- OS icon (Windows style 2x2 tiles) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"3\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"3\" x=\"13\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"13\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"13\" x=\"13\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eWindows 11 (Installed, Not Activated)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" aria-hidden=\"true\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Warranty icon (shield with check) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3-Year Return-to-Base Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Ryzen 7 9700X (Standard) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728209953021,"sku":null,"price":2849.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (Standard) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728209985789,"sku":null,"price":3029.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (Standard) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728210018557,"sku":null,"price":3148.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (Standard) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728210051325,"sku":null,"price":3328.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$199) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728210084093,"sku":null,"price":3048.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$199) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728210116861,"sku":null,"price":3228.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$199) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728210149629,"sku":null,"price":3347.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$199) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728210182397,"sku":null,"price":3527.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$309) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728210215165,"sku":null,"price":3158.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$309) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728210247933,"sku":null,"price":3338.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$309) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728210280701,"sku":null,"price":3457.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$309) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728210313469,"sku":null,"price":3637.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/DSC_2139.jpg?v=1765606216"},{"product_id":"ryzen-5-7500f-rtx-5061","title":"RYZEN 5 7500F | RTX 5060 | Rgb Gaming Pc","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n .pc-specs{\n --card-bg:#fff;\n --card-border:#e5e7eb;\n --icon-size:28px;\n --radius:12px;\n --gap:14px;\n --text:#111827;\n --muted:#6b7280;\n margin: 8px 0 18px 0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color: var(--text);\n }\n .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n .pc-specs-grid{\n display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n }\n @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n .spec-item{\n position: relative;\n display:flex; align-items:center; gap:12px;\n background: var(--card-bg);\n border:1px solid var(--card-border);\n border-radius: var(--radius);\n padding:12px 14px;\n box-shadow: 0 1px 2px rgba(0,0,0,.04);\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon{\n width: var(--icon-size); height: var(--icon-size);\n display:grid; place-items:center;\n border-radius: 10px;\n border:1px solid var(--card-border);\n background:#f9fafb;\n flex: 0 0 var(--icon-size);\n color:#374151; \/* 改这里可统一图标颜色 *\/\n cursor: help;\n position: relative; \/* tooltip 定位参考 *\/\n outline: none;\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon svg{ width: 18px; height: 18px; display:block; }\n .spec-text{ line-height:1.25 }\n .spec-label{ font-size:12px; color: var(--muted); }\n .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n \/* ===== Compact Tooltip (two-line bubble) ===== *\/\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{\n position: absolute;\n opacity: 0;\n pointer-events: none;\n transition: opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content: attr(data-tip);\n top: 50%;\n left: calc(100% + 10px);\n transform: translateY(-50%);\n\n \/* 尺寸放大：可再调这两行 *\/\n min-width: 220px;\n max-width: 360px;\n\n background: #111827;\n color: #fff;\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n font-size: 12px; line-height: 1.4;\n z-index: 30;\n\n \/* 关键：去掉省略号，允许正常换行 *\/\n display: block; \/* 覆盖 -webkit-box *\/\n -webkit-line-clamp: unset; \/* 取消行数限制 *\/\n -webkit-box-orient: unset;\n overflow: visible;\n text-overflow: unset;\n white-space: normal;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n \/* 小箭头 *\/\n .spec-icon[data-tip]::before{\n content: \"\";\n top: 50%;\n left: calc(100% + 4px);\n transform: translateY(-50%);\n border: 6px solid transparent;\n border-right-color: #111827;\n z-index: 29;\n }\n \/* 显示时机：hover + keyboard focus *\/\n .spec-icon[data-tip]:hover::after,\n .spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,\n .spec-icon[data-tip]:focus::before{\n opacity: 1;\n }\n\n \/* 窄屏：把气泡放到底部居中 *\/\n @media (max-width: 640px){\n .spec-icon[data-tip]::after{\n left: 50%;\n top: calc(100% + 10px);\n transform: translate(-50%, 0);\n }\n .spec-icon[data-tip]::before{\n left: 50%;\n top: 100%;\n transform: translate(-50%, 0);\n border: 6px solid transparent;\n border-top-color: #111827;\n }\n }\n\n \/* 减少动画（无障碍） *\/\n @media (prefers-reduced-motion: reduce){\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{ transition: none; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- CPU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6.5\" y=\"6.5\" width=\"11\" height=\"11\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eAMD Ryzen 5 7500F 6 Cores 12 Threads\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Motherboard icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"7\" y=\"7\" width=\"5\" height=\"5\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"18\" cy=\"18\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI B650M Bomber WIFI AM5 mATX\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory \/ RAM --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- RAM icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKLEVV FIT V DDR5 6000MHz CL28 Desktop RAM - Black 16gb\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage \/ NVMe --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- NVMe icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"9\" width=\"16\" height=\"6\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"6.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"17.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cstrong\u003eKingbank KP130 1TB\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics \/ GPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- GPU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"8\" width=\"16\" height=\"8\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"11\" cy=\"12\" r=\"2.5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI GeForce RTX 5060 8G Shadow 2X OC\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Case icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"8.5\" y=\"6\" width=\"7\" height=\"3\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"12\" cy=\"17\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMatx Open view fish tank case - Black ( Infinity 4 pro fan * 3)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply \/ PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- PSU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"9\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n \u003crect x=\"16\" y=\"10\" width=\"2.5\" height=\"4\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eThermalright 550W 80+ Bronze Certified ATX Power Supply TB550S\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Cooling\/Fan icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cstrong\u003eThermalright Assassin X120 Refined SE ARGB CPU Air Cooler \u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" aria-hidden=\"true\" data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" tabindex=\"0\"\u003e\n\u003c!-- OS icon (Windows style 2x2 tiles) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eWindows 11 (Installed, Not Activated)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" aria-hidden=\"true\" data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" tabindex=\"0\"\u003e\n\u003c!-- Warranty icon (shield with check) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3-Year Return-to-Base Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Ryzen 5 7500F (Standard) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728112369917,"sku":null,"price":1599.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 7500F (Standard) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728112402685,"sku":null,"price":1779.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 7500F (Standard) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728112435453,"sku":null,"price":1898.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 7500F (Standard) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728112468221,"sku":null,"price":2078.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (+$149) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728112500989,"sku":null,"price":1748.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (+$149) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728112533757,"sku":null,"price":1928.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (+$149) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728112566525,"sku":null,"price":2047.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (+$149) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728112599293,"sku":null,"price":2227.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$249) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728112632061,"sku":null,"price":1848.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$249) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728112664829,"sku":null,"price":2028.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$249) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728112697597,"sku":null,"price":2147.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$249) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728112730365,"sku":null,"price":2327.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$379) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728112763133,"sku":null,"price":1978.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$379) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728112795901,"sku":null,"price":2158.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$379) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728112828669,"sku":null,"price":2277.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$379) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728112861437,"sku":null,"price":2457.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$489) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728112894205,"sku":null,"price":2088.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$489) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728112926973,"sku":null,"price":2268.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$489) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728112959741,"sku":null,"price":2387.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$489) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728112992509,"sku":null,"price":2567.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X (+$579) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728113025277,"sku":null,"price":2178.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X (+$579) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728113058045,"sku":null,"price":2358.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X (+$579) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728113090813,"sku":null,"price":2477.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X (+$579) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728113123581,"sku":null,"price":2657.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9850X3D (+$609) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728113156349,"sku":null,"price":2208.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9850X3D (+$609) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728113189117,"sku":null,"price":2388.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9850X3D (+$609) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728113221885,"sku":null,"price":2507.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9850X3D (+$609) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728113254653,"sku":null,"price":2687.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X3D (+$829) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728113287421,"sku":null,"price":2428.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X3D (+$829) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728113320189,"sku":null,"price":2608.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X3D (+$829) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728113352957,"sku":null,"price":2727.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 9 9950X3D (+$829) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728113385725,"sku":null,"price":2907.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/111.jpg?v=1768031264"},{"product_id":"ryzen-7-9800x3d-rtx-5071","title":"RYZEN 7 9800X3D | RTX 5070 High End Gaming Pc","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n .pc-specs{\n --card-bg:#fff;\n --card-border:#e5e7eb;\n --icon-size:28px;\n --radius:12px;\n --gap:14px;\n --text:#111827;\n --muted:#6b7280;\n margin: 8px 0 18px 0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color: var(--text);\n }\n .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n .pc-specs-grid{\n display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n }\n @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n .spec-item{\n position: relative;\n display:flex; align-items:center; gap:12px;\n background: var(--card-bg);\n border:1px solid var(--card-border);\n border-radius: var(--radius);\n padding:12px 14px;\n box-shadow: 0 1px 2px rgba(0,0,0,.04);\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon{\n width: var(--icon-size); height: var(--icon-size);\n display:grid; place-items:center;\n border-radius: 10px;\n border:1px solid var(--card-border);\n background:#f9fafb;\n flex: 0 0 var(--icon-size);\n color:#374151; \/* 改这里可统一图标颜色 *\/\n cursor: help;\n position: relative; \/* tooltip 定位参考 *\/\n outline: none;\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon svg{ width: 18px; height: 18px; display:block; }\n .spec-text{ line-height:1.25 }\n .spec-label{ font-size:12px; color: var(--muted); }\n .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n \/* ===== Compact Tooltip (two-line bubble) ===== *\/\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{\n position: absolute;\n opacity: 0;\n pointer-events: none;\n transition: opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content: attr(data-tip);\n top: 50%;\n left: calc(100% + 10px);\n transform: translateY(-50%);\n\n \/* 尺寸放大：可再调这两行 *\/\n min-width: 220px;\n max-width: 360px;\n\n background: #111827;\n color: #fff;\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n font-size: 12px; line-height: 1.4;\n z-index: 30;\n\n \/* 关键：去掉省略号，允许正常换行 *\/\n display: block; \/* 覆盖 -webkit-box *\/\n -webkit-line-clamp: unset; \/* 取消行数限制 *\/\n -webkit-box-orient: unset;\n overflow: visible;\n text-overflow: unset;\n white-space: normal;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n \/* 小箭头 *\/\n .spec-icon[data-tip]::before{\n content: \"\";\n top: 50%;\n left: calc(100% + 4px);\n transform: translateY(-50%);\n border: 6px solid transparent;\n border-right-color: #111827;\n z-index: 29;\n }\n \/* 显示时机：hover + keyboard focus *\/\n .spec-icon[data-tip]:hover::after,\n .spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,\n .spec-icon[data-tip]:focus::before{\n opacity: 1;\n }\n\n \/* 窄屏：把气泡放到底部居中 *\/\n @media (max-width: 640px){\n .spec-icon[data-tip]::after{\n left: 50%;\n top: calc(100% + 10px);\n transform: translate(-50%, 0);\n }\n .spec-icon[data-tip]::before{\n left: 50%;\n top: 100%;\n transform: translate(-50%, 0);\n border: 6px solid transparent;\n border-top-color: #111827;\n }\n }\n\n \/* 减少动画（无障碍） *\/\n @media (prefers-reduced-motion: reduce){\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{ transition: none; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- CPU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6.5\" y=\"6.5\" width=\"11\" height=\"11\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003ca href=\"https:\/\/gonecomputer.com\/products\/amd-ryzen-7-9800x3d-8-core-am5-5-2ghz-cpu-processor?_pos=1\u0026amp;amp;_sid=c2faa35fb\u0026amp;amp;_ss=r\"\u003eAMD Ryzen 7 9800x3d 8 Core AM5 5.2GHz\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Motherboard icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"7\" y=\"7\" width=\"5\" height=\"5\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"18\" cy=\"18\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003ca href=\"https:\/\/gonecomputer.com\/products\/msi-b850m-gaming-plus-wifi6e-am5-micro-atx-motherboard?_pos=2\u0026amp;amp;_sid=bbf77a7bb\u0026amp;amp;_ss=r\"\u003eMSI B850M Gaming plus wifi6E AM5\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory \/ RAM --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- RAM icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cstrong\u003eKlevv Fit V 32GB (2x16GB) 6400MHz CL32 DDR5 White\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage \/ NVMe --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- NVMe icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"9\" width=\"16\" height=\"6\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"6.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"17.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cstrong\u003eKingbank KP130 1TB PCIe 3.0 3500\/3000 NVMe M.2 2280 SSD\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics \/ GPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- GPU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"8\" width=\"16\" height=\"8\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"11\" cy=\"12\" r=\"2.5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cstrong\u003eMSI GeForce RTX 5070 12G Shadow 2X OC Graphics Card\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Case icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"8.5\" y=\"6\" width=\"7\" height=\"3\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"12\" cy=\"17\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003ca href=\"https:\/\/gonecomputer.com\/products\/mini-matx-case?_pos=12\u0026amp;amp;_sid=f0cbc4a06\u0026amp;amp;_ss=r\"\u003emATX Case with 3 Infinity fans\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply \/ PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- PSU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"9\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n \u003crect x=\"16\" y=\"10\" width=\"2.5\" height=\"4\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cstrong\u003eXPG PYLON 750W Power Supply\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Cooling\/Fan icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cstrong\u003eMSI MAG A750BN PCIE5 750 W Power Supply\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" aria-hidden=\"true\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- OS icon (Windows style 2x2 tiles) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"3\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"3\" x=\"13\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"13\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"13\" x=\"13\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eWindows 11 (Installed, Not Activated)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" aria-hidden=\"true\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Warranty icon (shield with check) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3-Year Return-to-Base Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"1TB NVMe (Standard) \/ 750W Bronze (Standard)","offer_id":47728415506685,"sku":null,"price":2999.0,"currency_code":"AUD","in_stock":true},{"title":"1TB NVMe (Standard) \/ 850W Gold (+$49)","offer_id":47728415539453,"sku":null,"price":3048.0,"currency_code":"AUD","in_stock":true},{"title":"2TB NVMe (+$180) \/ 750W Bronze (Standard)","offer_id":47728415572221,"sku":null,"price":3179.0,"currency_code":"AUD","in_stock":true},{"title":"2TB NVMe (+$180) \/ 850W Gold (+$49)","offer_id":47728415604989,"sku":null,"price":3228.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/1_0003_DSC01178.jpg?v=1766987284"},{"product_id":"ryzen-5-9700x-rtx-5060-aio","title":"RYZEN 7 9700X | RTX 5060 | Liquid Cooled Gaming Pc","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Spec Cards + Tooltips (Shopify Optimized) ===== *\/\n .pc-specs{\n --bg:#fff;--bd:#e5e7eb;--text:#111827;--muted:#6b7280;\n --radius:12px;--gap:14px;--icon:28px;\n margin:8px 0 18px;\n font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Arial,\"Apple Color Emoji\",\"Segoe UI Emoji\";\n color:var(--text);\n }\n .pc-specs .title{font-size:18px;font-weight:700;margin:0 0 10px}\n .pc-specs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}\n @media (max-width:640px){.pc-specs-grid{grid-template-columns:1fr}}\n\n .spec-item{\n position:relative;display:flex;align-items:center;gap:12px;\n background:var(--bg);border:1px solid var(--bd);border-radius:var(--radius);\n padding:12px 14px;box-shadow:0 1px 2px rgba(0,0,0,.04);\n overflow:visible;\n }\n .spec-icon{\n width:var(--icon);height:var(--icon);\n display:grid;place-items:center;\n border-radius:10px;border:1px solid var(--bd);background:#f9fafb;color:#374151;\n flex:0 0 var(--icon);cursor:help;position:relative;outline:none;overflow:visible;\n }\n .spec-icon svg{width:18px;height:18px;display:block}\n .spec-text{line-height:1.25}\n .spec-label{font-size:12px;color:var(--muted)}\n \/* ✅ 统一所有 value 样式（Case\/OS\/Warranty 也一样） *\/\n .spec-value{font-weight:600;font-size:14px;margin-top:2px}\n\n \/* ===== Tooltip ===== *\/\n .spec-icon[data-tip]::after,.spec-icon[data-tip]::before{\n position:absolute;opacity:0;pointer-events:none;transition:opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content:attr(data-tip);\n top:50%;left:calc(100% + 10px);transform:translateY(-50%);\n min-width:220px;max-width:360px;\n background:#111827;color:#fff;padding:8px 10px;border-radius:8px;\n box-shadow:0 8px 24px rgba(0,0,0,.18);\n font-size:12px;line-height:1.4;z-index:30;\n white-space:normal;overflow-wrap:anywhere;word-break:normal;\n }\n .spec-icon[data-tip]::before{\n content:\"\";top:50%;left:calc(100% + 4px);transform:translateY(-50%);\n border:6px solid transparent;border-right-color:#111827;z-index:29;\n }\n .spec-icon[data-tip]:hover::after,.spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,.spec-icon[data-tip]:focus::before{opacity:1}\n\n @media (max-width:640px){\n .spec-icon[data-tip]::after{left:50%;top:calc(100% + 10px);transform:translate(-50%,0)}\n .spec-icon[data-tip]::before{\n left:50%;top:100%;transform:translate(-50%,0);\n border:6px solid transparent;border-top-color:#111827;border-right-color:transparent;\n }\n }\n @media (prefers-reduced-motion:reduce){.spec-icon[data-tip]::after,.spec-icon[data-tip]::before{transition:none}}\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6.5\" y=\"6.5\" width=\"11\" height=\"11\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eAMD Ryzen 7 9700x 8 Cores 16 Threads AM5 Processor\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"7\" y=\"7\" width=\"5\" height=\"5\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"18\" cy=\"18\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI MAG B650M bomber WIFI AM5 mATX Motherboard\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKLEVV FIT V DDR5 6000MHz CL28 Desktop RAM - 16gb White\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"9\" width=\"16\" height=\"6\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"6.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"17.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKingbank KP130 1TB NVMe M.2 2280 SSD\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"8\" width=\"16\" height=\"8\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"11\" cy=\"12\" r=\"2.5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI GeForce RTX 5060 8G Shadow 2X OC Graphics Card\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"8.5\" y=\"6\" width=\"7\" height=\"3\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"12\" cy=\"17\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMatx Open view fish tank case - Black\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"9\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n \u003crect x=\"16\" y=\"10\" width=\"2.5\" height=\"4\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eThermalright 550W 80+ Bronze Certified ATX Power Supply TB550S\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eThermalright Frozen Infinity 240 AIO Liquid CPU Cooler - Black\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003cstrong\u003eWindows 11 Installed\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003cstrong\u003e3-Year Return-to-Base Warranty\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Ryzen 7 9700X (Standard) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728190587133,"sku":null,"price":1849.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (Standard) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728190619901,"sku":null,"price":2029.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (Standard) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728190652669,"sku":null,"price":2148.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (Standard) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728190685437,"sku":null,"price":2328.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$199) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728190718205,"sku":null,"price":2048.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$199) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728190750973,"sku":null,"price":2228.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$199) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728190783741,"sku":null,"price":2347.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$199) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728190816509,"sku":null,"price":2527.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$309) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728190849277,"sku":null,"price":2158.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$309) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728190882045,"sku":null,"price":2338.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$309) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728190914813,"sku":null,"price":2457.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$309) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728190947581,"sku":null,"price":2637.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/123123_4.jpg?v=1769144216"},{"product_id":"ryzen-5-9600x-rtx-5070-white-1","title":"RYZEN 5 9600x | RTX 5070 | Liquid Cooled White Gaming PC","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n .pc-specs{\n --card-bg:#fff;\n --card-border:#e5e7eb;\n --icon-size:28px;\n --radius:12px;\n --gap:14px;\n --text:#111827;\n --muted:#6b7280;\n margin: 8px 0 18px 0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color: var(--text);\n }\n .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n .pc-specs-grid{\n display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n }\n @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n .spec-item{\n position: relative;\n display:flex; align-items:center; gap:12px;\n background: var(--card-bg);\n border:1px solid var(--card-border);\n border-radius: var(--radius);\n padding:12px 14px;\n box-shadow: 0 1px 2px rgba(0,0,0,.04);\n overflow: visible;\n }\n .spec-icon{\n width: var(--icon-size); height: var(--icon-size);\n display:grid; place-items:center;\n border-radius: 10px;\n border:1px solid var(--card-border);\n background:#f9fafb;\n flex: 0 0 var(--icon-size);\n color:#374151;\n cursor: help;\n position: relative;\n outline: none;\n overflow: visible;\n }\n .spec-icon svg{ width: 18px; height: 18px; display:block; }\n .spec-text{ line-height:1.25 }\n .spec-label{ font-size:12px; color: var(--muted); }\n .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{\n position: absolute;\n opacity: 0;\n pointer-events: none;\n transition: opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content: attr(data-tip);\n top: 50%;\n left: calc(100% + 10px);\n transform: translateY(-50%);\n min-width: 220px;\n max-width: 360px;\n background: #111827;\n color: #fff;\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n font-size: 12px; line-height: 1.4;\n z-index: 30;\n white-space: normal;\n overflow-wrap: anywhere;\n }\n .spec-icon[data-tip]::before{\n content: \"\";\n top: 50%;\n left: calc(100% + 4px);\n transform: translateY(-50%);\n border: 6px solid transparent;\n border-right-color: #111827;\n z-index: 29;\n }\n .spec-icon[data-tip]:hover::after,\n .spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,\n .spec-icon[data-tip]:focus::before{\n opacity: 1;\n }\n @media (max-width: 640px){\n .spec-icon[data-tip]::after{\n left: 50%;\n top: calc(100% + 10px);\n transform: translate(-50%, 0);\n }\n .spec-icon[data-tip]::before{\n left: 50%;\n top: 100%;\n transform: translate(-50%, 0);\n border: 6px solid transparent;\n border-top-color: #111827;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"CPU runs general tasks and game logic; more cores and higher clocks improve responsiveness.\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\u003e\n \u003crect x=\"6.5\" y=\"6.5\" width=\"11\" height=\"11\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eAMD Ryzen 5 9600X · 6C\/12T · Up to 5.4GHz\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Connects all components and determines upgrade options, ports and connectivity.\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\u003e\n \u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"7\" y=\"7\" width=\"5\" height=\"5\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI MPG B850 Edge TI WIFI · AM5 · ATX\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Memory --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Fast DDR5 memory improves multitasking, gaming stability and system responsiveness.\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e32GB (2×16GB) KLEVV FIT V DDR5 6000MHz CL28 · White\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Storage --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"NVMe SSD delivers fast boot times and quick game\/application loading.\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\u003e\n \u003crect x=\"4\" y=\"9\" width=\"16\" height=\"6\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eADATA Legend 860 · 1TB PCIe 4.0 NVMe SSD\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- GPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Dedicated graphics card for high settings and smooth frame rates.\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\u003e\n \u003crect x=\"3\" y=\"8\" width=\"16\" height=\"8\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"11\" cy=\"12\" r=\"2.5\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI GeForce RTX 5070 GAMING TRIO · 12GB · White\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Showcase case with excellent airflow and panoramic glass panels.\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\u003e\n \u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eLIAN LI O11 Vision Compact · Triple Glass\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"High-quality power supply ensures stability and upgrade headroom.\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\u003e\n \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI A850GL · 850W · 80+ Gold · PCIe 5.0 · White\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Liquid cooling keeps temperatures low and boost clocks stable.\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU Cooling\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eTRYX Panorama SE 360 ARGB AIO · Curved AMOLED · White\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- OS --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Windows 11 is installed for setup and testing. Activation can be completed later.\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\u003e\n \u003crect x=\"3\" y=\"3\" width=\"8\" height=\"8\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"3\" width=\"8\" height=\"8\"\u003e\u003c\/rect\u003e\n \u003crect x=\"3\" y=\"13\" width=\"8\" height=\"8\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"13\" width=\"8\" height=\"8\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eWindows 11 (Installed, Not Activated)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"3-Year Return-to-Base warranty covering manufacturing defects.\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3-Year Return-to-Base Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Case Fans --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"High-airflow case fans enhance cooling and maintain quiet, stable performance.\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 7v3M12 14v3M7 12h3M14 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase Fans\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eARGB High-Airflow White Case Fans\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Aesthetic --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"All-white showcase build with coordinated components and clean cable management.\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\u003e\n \u003cpath d=\"M12 3l2 4 4 2-4 2-2 4-2-4-4-2 4-2 2-4z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eAesthetic\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eAll-White Theme · Lianli Strimer · 8.8 Inch White Universal Screen\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Ryzen 5 9600X (Standard) \/ 1TB NVMe (Standard)","offer_id":47728420323581,"sku":null,"price":4499.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (Standard) \/ 2TB NVMe (+$180)","offer_id":47728420356349,"sku":null,"price":4679.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$169) \/ 1TB NVMe (Standard)","offer_id":47728420389117,"sku":null,"price":4668.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$169) \/ 2TB NVMe (+$180)","offer_id":47728420421885,"sku":null,"price":4848.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$299) \/ 1TB NVMe (Standard)","offer_id":47728420454653,"sku":null,"price":4798.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$299) \/ 2TB NVMe (+$180)","offer_id":47728420487421,"sku":null,"price":4978.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$409) \/ 1TB NVMe (Standard)","offer_id":47728420520189,"sku":null,"price":4908.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$409) \/ 2TB NVMe (+$180)","offer_id":47728420552957,"sku":null,"price":5088.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/123123123_4.jpg?v=1769243400"},{"product_id":"ryzen-7-7800x3d-rtx-5070-ti-gaming-pc","title":"Ryzen 7 7800x3D | RTX 5070 TI | Gaming PC","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n .pc-specs{\n --card-bg:#fff;\n --card-border:#e5e7eb;\n --icon-size:28px;\n --radius:12px;\n --gap:14px;\n --text:#111827;\n --muted:#6b7280;\n margin: 8px 0 18px 0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color: var(--text);\n }\n .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n .pc-specs-grid{\n display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n }\n @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n .spec-item{\n position: relative;\n display:flex; align-items:center; gap:12px;\n background: var(--card-bg);\n border:1px solid var(--card-border);\n border-radius: var(--radius);\n padding:12px 14px;\n box-shadow: 0 1px 2px rgba(0,0,0,.04);\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon{\n width: var(--icon-size); height: var(--icon-size);\n display:grid; place-items:center;\n border-radius: 10px;\n border:1px solid var(--card-border);\n background:#f9fafb;\n flex: 0 0 var(--icon-size);\n color:#374151; \/* 改这里可统一图标颜色 *\/\n cursor: help;\n position: relative; \/* tooltip 定位参考 *\/\n outline: none;\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon svg{ width: 18px; height: 18px; display:block; }\n .spec-text{ line-height:1.25 }\n .spec-label{ font-size:12px; color: var(--muted); }\n .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n \/* ===== Compact Tooltip (two-line bubble) ===== *\/\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{\n position: absolute;\n opacity: 0;\n pointer-events: none;\n transition: opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content: attr(data-tip);\n top: 50%;\n left: calc(100% + 10px);\n transform: translateY(-50%);\n\n \/* 尺寸放大：可再调这两行 *\/\n min-width: 220px;\n max-width: 360px;\n\n background: #111827;\n color: #fff;\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n font-size: 12px; line-height: 1.4;\n z-index: 30;\n\n \/* 关键：去掉省略号，允许正常换行 *\/\n display: block; \/* 覆盖 -webkit-box *\/\n -webkit-line-clamp: unset; \/* 取消行数限制 *\/\n -webkit-box-orient: unset;\n overflow: visible;\n text-overflow: unset;\n white-space: normal;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n \/* 小箭头 *\/\n .spec-icon[data-tip]::before{\n content: \"\";\n top: 50%;\n left: calc(100% + 4px);\n transform: translateY(-50%);\n border: 6px solid transparent;\n border-right-color: #111827;\n z-index: 29;\n }\n \/* 显示时机：hover + keyboard focus *\/\n .spec-icon[data-tip]:hover::after,\n .spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,\n .spec-icon[data-tip]:focus::before{\n opacity: 1;\n }\n\n \/* 窄屏：把气泡放到底部居中 *\/\n @media (max-width: 640px){\n .spec-icon[data-tip]::after{\n left: 50%;\n top: calc(100% + 10px);\n transform: translate(-50%, 0);\n }\n .spec-icon[data-tip]::before{\n left: 50%;\n top: 100%;\n transform: translate(-50%, 0);\n border: 6px solid transparent;\n border-top-color: #111827;\n }\n }\n\n \/* 减少动画（无障碍） *\/\n @media (prefers-reduced-motion: reduce){\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{ transition: none; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- CPU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6.5\" y=\"6.5\" width=\"11\" height=\"11\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eAMD Ryzen 7 7800X3D CPU Processor\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Motherboard icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"7\" y=\"7\" width=\"5\" height=\"5\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"18\" cy=\"18\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cstrong\u003eMSI B850M GAMING PLUS WIFI6E AM5 Micro-ATX Motherboard\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory \/ RAM --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- RAM icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003cstrong\u003eKlevv Fit V 32GB (2x16GB) 6000MHz CL28 DDR5 Black\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage \/ NVMe --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- NVMe icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"9\" width=\"16\" height=\"6\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"6.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"17.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKingbank KP130 1TB M.2 NVMe M.2 2280 SSD\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics \/ GPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- GPU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"8\" width=\"16\" height=\"8\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"11\" cy=\"12\" r=\"2.5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cstrong\u003eMSI GeForce RTX 5070 Ti 16G Ventus 3X OC Graphics Card\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Case icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"8.5\" y=\"6\" width=\"7\" height=\"3\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"12\" cy=\"17\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\n\u003cspan\u003eMatx Open view fish tank case - Black\u003c\/span\u003e with 3 fans\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply \/ PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- PSU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"9\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n \u003crect x=\"16\" y=\"10\" width=\"2.5\" height=\"4\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cstrong\u003eTHERMALRIGHT 850W ATX3.1 80+ GOLD PSU\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Cooling\/Fan icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eThermalright Frozen Infinity 240 AIO Liquid CPU Cooler - Black\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" aria-hidden=\"true\" data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" tabindex=\"0\"\u003e\n\u003c!-- OS icon (Windows style 2x2 tiles) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eWindows 11 (Installed, Not Activated)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" aria-hidden=\"true\" data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" tabindex=\"0\"\u003e\n\u003c!-- Warranty icon (shield with check) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3-Year Return-to-Base Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Ryzen 7 7800X3D (Standard) \/ 1TB NVMe (Standard)","offer_id":47728210903293,"sku":null,"price":3399.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (Standard) \/ 2TB NVMe (+$180)","offer_id":47728210936061,"sku":null,"price":3579.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$229) \/ 1TB NVMe (Standard)","offer_id":47728211034365,"sku":null,"price":3628.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$229) \/ 2TB NVMe (+$180)","offer_id":47728211067133,"sku":null,"price":3808.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/DSC_3891_46869610-b1bf-4d10-813e-1ce94b605c06.jpg?v=1775884277"},{"product_id":"ryzen-5-5600-rtx-5060-gaming-pc","title":"RYZEN 5 5600 | RTX 5060 Gaming PC","description":"\u003cp\u003e\u003cimg\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n .pc-specs{\n --card-bg:#fff;\n --card-border:#e5e7eb;\n --icon-size:28px;\n --radius:12px;\n --gap:14px;\n --text:#111827;\n --muted:#6b7280;\n margin: 8px 0 18px 0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color: var(--text);\n }\n .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n .pc-specs-grid{\n display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n }\n @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n .spec-item{\n position: relative;\n display:flex; align-items:center; gap:12px;\n background: var(--card-bg);\n border:1px solid var(--card-border);\n border-radius: var(--radius);\n padding:12px 14px;\n box-shadow: 0 1px 2px rgba(0,0,0,.04);\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon{\n width: var(--icon-size); height: var(--icon-size);\n display:grid; place-items:center;\n border-radius: 10px;\n border:1px solid var(--card-border);\n background:#f9fafb;\n flex: 0 0 var(--icon-size);\n color:#374151; \/* 改这里可统一图标颜色 *\/\n cursor: help;\n position: relative; \/* tooltip 定位参考 *\/\n outline: none;\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon svg{ width: 18px; height: 18px; display:block; }\n .spec-text{ line-height:1.25 }\n .spec-label{ font-size:12px; color: var(--muted); }\n .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n \/* ===== Compact Tooltip (two-line bubble) ===== *\/\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{\n position: absolute;\n opacity: 0;\n pointer-events: none;\n transition: opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content: attr(data-tip);\n top: 50%;\n left: calc(100% + 10px);\n transform: translateY(-50%);\n\n \/* 尺寸放大：可再调这两行 *\/\n min-width: 220px;\n max-width: 360px;\n\n background: #111827;\n color: #fff;\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n font-size: 12px; line-height: 1.4;\n z-index: 30;\n\n \/* 关键：去掉省略号，允许正常换行 *\/\n display: block; \/* 覆盖 -webkit-box *\/\n -webkit-line-clamp: unset; \/* 取消行数限制 *\/\n -webkit-box-orient: unset;\n overflow: visible;\n text-overflow: unset;\n white-space: normal;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n \/* 小箭头 *\/\n .spec-icon[data-tip]::before{\n content: \"\";\n top: 50%;\n left: calc(100% + 4px);\n transform: translateY(-50%);\n border: 6px solid transparent;\n border-right-color: #111827;\n z-index: 29;\n }\n \/* 显示时机：hover + keyboard focus *\/\n .spec-icon[data-tip]:hover::after,\n .spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,\n .spec-icon[data-tip]:focus::before{\n opacity: 1;\n }\n\n \/* 窄屏：把气泡放到底部居中 *\/\n @media (max-width: 640px){\n .spec-icon[data-tip]::after{\n left: 50%;\n top: calc(100% + 10px);\n transform: translate(-50%, 0);\n }\n .spec-icon[data-tip]::before{\n left: 50%;\n top: 100%;\n transform: translate(-50%, 0);\n border: 6px solid transparent;\n border-top-color: #111827;\n }\n }\n\n \/* 减少动画（无障碍） *\/\n @media (prefers-reduced-motion: reduce){\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{ transition: none; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- CPU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"11\" width=\"11\" y=\"6.5\" x=\"6.5\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cstrong\u003eAMD Ryzen 5 5600 6 Core 12 Threads Unlocked 4.4GHz AM4 \u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Motherboard icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"16\" width=\"16\" y=\"4\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"5\" width=\"5\" y=\"7\" x=\"7\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle r=\"1\" cy=\"18\" cx=\"18\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI B550M PRO-VDH Wi-Fi AM4 Micro-ATX Motherboard\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory \/ RAM --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- RAM icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKingbank KJXB 1x16GB 3200MHz CL16 DDR4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage \/ NVMe --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- NVMe icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"6\" width=\"16\" y=\"9\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"0.9\" cy=\"12\" cx=\"6.5\"\u003e\u003c\/circle\u003e\n \u003ccircle r=\"0.9\" cy=\"12\" cx=\"17.5\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003cspan\u003eKingbank KP130 1TB PCIe 3.0 3500\/3000 NVMe M.2 2280 SSD\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics \/ GPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- GPU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"8\" width=\"16\" y=\"8\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle r=\"2.5\" cy=\"12\" cx=\"11\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI GeForce RTX 5060 8g Shadow 2X OC\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Case icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"18\" width=\"12\" y=\"3\" x=\"6\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"0.5\" height=\"3\" width=\"7\" y=\"6\" x=\"8.5\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"1\" cy=\"17\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cstrong\u003eMatx Open view fish tank case - Black\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply \/ PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- PSU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"10\" width=\"16\" y=\"7\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"3\" cy=\"12\" cx=\"9\"\u003e\u003c\/circle\u003e\n \u003crect rx=\"0.5\" height=\"4\" width=\"2.5\" y=\"10\" x=\"16\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cstrong\u003eThermalright 550W 80+ Bronze Certified ATX Power Supply TB550S\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Cooling\/Fan icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003ccircle r=\"5\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cstrong\u003eThermalright Assassin X120 Refined SE ARGB CPU Air Cooler\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" aria-hidden=\"true\" data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" tabindex=\"0\"\u003e\n\u003c!-- OS icon (Windows style 2x2 tiles) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eWindows 11 Pro Installed (activation not required)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" aria-hidden=\"true\" data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" tabindex=\"0\"\u003e\n\u003c!-- Warranty icon (shield with check) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3-Year Return-to-Base Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003c\/p\u003e","brand":"G-ONE Computer","offers":[{"title":"Ryzen 5 5600 (Standard) \/ 16GB DDR4 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728118726909,"sku":null,"price":1399.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 5600 (Standard) \/ 16GB DDR4 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728118759677,"sku":null,"price":1579.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 5600 (Standard) \/ 32GB \/ 2x16GB (+$169) \/ 1TB NVMe (Standard)","offer_id":47728118792445,"sku":null,"price":1568.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 5600 (Standard) \/ 32GB \/ 2x16GB (+$169) \/ 2TB NVMe (+$180)","offer_id":47728118825213,"sku":null,"price":1748.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 5600GT (+$54) \/ 16GB DDR4 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728118857981,"sku":null,"price":1453.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 5600GT (+$54) \/ 16GB DDR4 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728118890749,"sku":null,"price":1633.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 5600GT (+$54) \/ 32GB \/ 2x16GB (+$169) \/ 1TB NVMe (Standard)","offer_id":47728118923517,"sku":null,"price":1622.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 5600GT (+$54) \/ 32GB \/ 2x16GB (+$169) \/ 2TB NVMe (+$180)","offer_id":47728118956285,"sku":null,"price":1802.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 5700X (+$150) \/ 16GB DDR4 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728118989053,"sku":null,"price":1549.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 5700X (+$150) \/ 16GB DDR4 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728119021821,"sku":null,"price":1729.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 5700X (+$150) \/ 32GB \/ 2x16GB (+$169) \/ 1TB NVMe (Standard)","offer_id":47728119054589,"sku":null,"price":1718.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 5700X (+$150) \/ 32GB \/ 2x16GB (+$169) \/ 2TB NVMe (+$180)","offer_id":47728119087357,"sku":null,"price":1898.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/DSC_4318.jpg?v=1778582088"},{"product_id":"ryzen-5-9600x-rtx-5060-liquid-cooled-rgb-gaming-pc","title":"RYZEN 5 9600x | RTX 5060 Ti | Liquid Cooled RGB Gaming Pc","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Spec Cards + Tooltips (Shopify Optimized) ===== *\/\n .pc-specs{\n --bg:#fff;--bd:#e5e7eb;--text:#111827;--muted:#6b7280;\n --radius:12px;--gap:14px;--icon:28px;\n margin:8px 0 18px;\n font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Arial,\"Apple Color Emoji\",\"Segoe UI Emoji\";\n color:var(--text);\n }\n .pc-specs .title{font-size:18px;font-weight:700;margin:0 0 10px}\n .pc-specs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}\n @media (max-width:640px){.pc-specs-grid{grid-template-columns:1fr}}\n\n .spec-item{\n position:relative;display:flex;align-items:center;gap:12px;\n background:var(--bg);border:1px solid var(--bd);border-radius:var(--radius);\n padding:12px 14px;box-shadow:0 1px 2px rgba(0,0,0,.04);\n overflow:visible;\n }\n .spec-icon{\n width:var(--icon);height:var(--icon);\n display:grid;place-items:center;\n border-radius:10px;border:1px solid var(--bd);background:#f9fafb;color:#374151;\n flex:0 0 var(--icon);cursor:help;position:relative;outline:none;overflow:visible;\n }\n .spec-icon svg{width:18px;height:18px;display:block}\n .spec-text{line-height:1.25}\n .spec-label{font-size:12px;color:var(--muted)}\n \/* ✅ 统一所有 value 样式（Case\/OS\/Warranty 也一样） *\/\n .spec-value{font-weight:600;font-size:14px;margin-top:2px}\n\n \/* ===== Tooltip ===== *\/\n .spec-icon[data-tip]::after,.spec-icon[data-tip]::before{\n position:absolute;opacity:0;pointer-events:none;transition:opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content:attr(data-tip);\n top:50%;left:calc(100% + 10px);transform:translateY(-50%);\n min-width:220px;max-width:360px;\n background:#111827;color:#fff;padding:8px 10px;border-radius:8px;\n box-shadow:0 8px 24px rgba(0,0,0,.18);\n font-size:12px;line-height:1.4;z-index:30;\n white-space:normal;overflow-wrap:anywhere;word-break:normal;\n }\n .spec-icon[data-tip]::before{\n content:\"\";top:50%;left:calc(100% + 4px);transform:translateY(-50%);\n border:6px solid transparent;border-right-color:#111827;z-index:29;\n }\n .spec-icon[data-tip]:hover::after,.spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,.spec-icon[data-tip]:focus::before{opacity:1}\n\n @media (max-width:640px){\n .spec-icon[data-tip]::after{left:50%;top:calc(100% + 10px);transform:translate(-50%,0)}\n .spec-icon[data-tip]::before{\n left:50%;top:100%;transform:translate(-50%,0);\n border:6px solid transparent;border-top-color:#111827;border-right-color:transparent;\n }\n }\n @media (prefers-reduced-motion:reduce){.spec-icon[data-tip]::after,.spec-icon[data-tip]::before{transition:none}}\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6.5\" y=\"6.5\" width=\"11\" height=\"11\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eAMD Ryzen 5 9600x 6 Cores 12 Threads 5.4GHz AM5 Processor\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"7\" y=\"7\" width=\"5\" height=\"5\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"18\" cy=\"18\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI B650M Bomber WIFI AM5 mATX Motherboard\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKLEVV FIT V DDR5 6000MHz CL28 Desktop RAM - Black 16gb\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"9\" width=\"16\" height=\"6\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"6.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"17.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKingbank KP160 1TB M.2 5000\/4200 PCIe 4.0 NVMe M.2 2280 SSD\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"8\" width=\"16\" height=\"8\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"11\" cy=\"12\" r=\"2.5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI GeForce RTX 5060 Ti 8G Shadow 2X OC Graphics Card\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"8.5\" y=\"6\" width=\"7\" height=\"3\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"12\" cy=\"17\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003cstrong\u003eMatx Open view fish tank case - black\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"9\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n \u003crect x=\"16\" y=\"10\" width=\"2.5\" height=\"4\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eADATA XPG Pylon II 650W 80+ Bronze Non-Modular ATX 3.1 Power Suppl\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eThermalright Frozen Infinity 240 AIO Liquid CPU Cooler\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003cstrong\u003eWindows 11 (Installed,Not Activated)\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003cstrong\u003e3-Year Return-to-Base Warranty\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Ryzen 5 9600X (Standard) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728206414077,"sku":null,"price":2199.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (Standard) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728206446845,"sku":null,"price":2379.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (Standard) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728206479613,"sku":null,"price":2498.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 5 9600X (Standard) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728206512381,"sku":null,"price":2678.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$169) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728206545149,"sku":null,"price":2368.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$169) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728206577917,"sku":null,"price":2548.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$169) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728206610685,"sku":null,"price":2667.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9700X (+$169) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728206643453,"sku":null,"price":2847.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$299) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728206676221,"sku":null,"price":2498.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$299) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728206708989,"sku":null,"price":2678.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$299) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728206741757,"sku":null,"price":2797.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 7800X3D (+$299) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728206774525,"sku":null,"price":2977.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$409) \/ 16GB DDR5 (Standard) \/ 1TB NVMe (Standard)","offer_id":47728206807293,"sku":null,"price":2608.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$409) \/ 16GB DDR5 (Standard) \/ 2TB NVMe (+$180)","offer_id":47728206840061,"sku":null,"price":2788.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$409) \/ 32GB \/ 2x16GB (+$299) \/ 1TB NVMe (Standard)","offer_id":47728206872829,"sku":null,"price":2907.0,"currency_code":"AUD","in_stock":true},{"title":"Ryzen 7 9800X3D (+$409) \/ 32GB \/ 2x16GB (+$299) \/ 2TB NVMe (+$180)","offer_id":47728206905597,"sku":null,"price":3087.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/1232.jpg?v=1768182433"},{"product_id":"ryzen-5-7500f-rtx-5060-rgb-gaming-pc-powered-by-msi-essential","title":"RYZEN 5 7500F | RTX 5060 | Rgb Gaming Pc (Powered by MSI essential)","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n .pc-specs{\n --card-bg:#fff;\n --card-border:#e5e7eb;\n --icon-size:28px;\n --radius:12px;\n --gap:14px;\n --text:#111827;\n --muted:#6b7280;\n margin: 8px 0 18px 0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color: var(--text);\n }\n .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n .pc-specs-grid{\n display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n }\n @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n .spec-item{\n position: relative;\n display:flex; align-items:center; gap:12px;\n background: var(--card-bg);\n border:1px solid var(--card-border);\n border-radius: var(--radius);\n padding:12px 14px;\n box-shadow: 0 1px 2px rgba(0,0,0,.04);\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon{\n width: var(--icon-size); height: var(--icon-size);\n display:grid; place-items:center;\n border-radius: 10px;\n border:1px solid var(--card-border);\n background:#f9fafb;\n flex: 0 0 var(--icon-size);\n color:#374151; \/* 改这里可统一图标颜色 *\/\n cursor: help;\n position: relative; \/* tooltip 定位参考 *\/\n outline: none;\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon svg{ width: 18px; height: 18px; display:block; }\n .spec-text{ line-height:1.25 }\n .spec-label{ font-size:12px; color: var(--muted); }\n .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n \/* ===== Compact Tooltip (two-line bubble) ===== *\/\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{\n position: absolute;\n opacity: 0;\n pointer-events: none;\n transition: opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content: attr(data-tip);\n top: 50%;\n left: calc(100% + 10px);\n transform: translateY(-50%);\n\n \/* 尺寸放大：可再调这两行 *\/\n min-width: 220px;\n max-width: 360px;\n\n background: #111827;\n color: #fff;\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n font-size: 12px; line-height: 1.4;\n z-index: 30;\n\n \/* 关键：去掉省略号，允许正常换行 *\/\n display: block; \/* 覆盖 -webkit-box *\/\n -webkit-line-clamp: unset; \/* 取消行数限制 *\/\n -webkit-box-orient: unset;\n overflow: visible;\n text-overflow: unset;\n white-space: normal;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n \/* 小箭头 *\/\n .spec-icon[data-tip]::before{\n content: \"\";\n top: 50%;\n left: calc(100% + 4px);\n transform: translateY(-50%);\n border: 6px solid transparent;\n border-right-color: #111827;\n z-index: 29;\n }\n \/* 显示时机：hover + keyboard focus *\/\n .spec-icon[data-tip]:hover::after,\n .spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,\n .spec-icon[data-tip]:focus::before{\n opacity: 1;\n }\n\n \/* 窄屏：把气泡放到底部居中 *\/\n @media (max-width: 640px){\n .spec-icon[data-tip]::after{\n left: 50%;\n top: calc(100% + 10px);\n transform: translate(-50%, 0);\n }\n .spec-icon[data-tip]::before{\n left: 50%;\n top: 100%;\n transform: translate(-50%, 0);\n border: 6px solid transparent;\n border-top-color: #111827;\n }\n }\n\n \/* 减少动画（无障碍） *\/\n @media (prefers-reduced-motion: reduce){\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{ transition: none; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- CPU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6.5\" y=\"6.5\" width=\"11\" height=\"11\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eAMD Ryzen 5 7500F 6 Cores 12 Threads\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Motherboard icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"7\" y=\"7\" width=\"5\" height=\"5\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"18\" cy=\"18\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI B650M Bomber WIFI AM5 mATX\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory \/ RAM --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- RAM icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKLEVV FIT V DDR5 6000MHz CL28 Desktop RAM - Black 16gb\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage \/ NVMe --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- NVMe icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"9\" width=\"16\" height=\"6\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"6.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"17.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cstrong\u003eKingbank KP130 1TB\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics \/ GPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- GPU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"8\" width=\"16\" height=\"8\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"11\" cy=\"12\" r=\"2.5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI GeForce RTX 5060 8G Shadow 2X OC\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Case icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"8.5\" y=\"6\" width=\"7\" height=\"3\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"12\" cy=\"17\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMatx Open view fish tank case - Black ( Infinity 4 pro fan * 3)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply \/ PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- PSU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"9\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n \u003crect x=\"16\" y=\"10\" width=\"2.5\" height=\"4\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eThermalright 550W 80+ Bronze Certified ATX Power Supply TB550S\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Cooling\/Fan icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cstrong\u003eThermalright Assassin X120 Refined SE ARGB CPU Air Cooler \u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" aria-hidden=\"true\" data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" tabindex=\"0\"\u003e\n\u003c!-- OS icon (Windows style 2x2 tiles) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eWindows 11 (Installed, Not Activated)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" aria-hidden=\"true\" data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" tabindex=\"0\"\u003e\n\u003c!-- Warranty icon (shield with check) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3-Year Return-to-Base Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Default Title","offer_id":47705441370365,"sku":null,"price":1599.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/111.jpg?v=1768031264"},{"product_id":"ryzen-5-7500f-rtx-5060-liquid-cooled-rgb-gaming-pc-powered-by-msi-essential","title":"RYZEN 5 7500F | RTX 5060 | Liquid Cooled RGB Gaming Pc (Powered by MSI essential)","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Spec Cards + Tooltips (Shopify Optimized) ===== *\/\n .pc-specs{\n --bg:#fff;--bd:#e5e7eb;--text:#111827;--muted:#6b7280;\n --radius:12px;--gap:14px;--icon:28px;\n margin:8px 0 18px;\n font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Arial,\"Apple Color Emoji\",\"Segoe UI Emoji\";\n color:var(--text);\n }\n .pc-specs .title{font-size:18px;font-weight:700;margin:0 0 10px}\n .pc-specs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}\n @media (max-width:640px){.pc-specs-grid{grid-template-columns:1fr}}\n\n .spec-item{\n position:relative;display:flex;align-items:center;gap:12px;\n background:var(--bg);border:1px solid var(--bd);border-radius:var(--radius);\n padding:12px 14px;box-shadow:0 1px 2px rgba(0,0,0,.04);\n overflow:visible;\n }\n .spec-icon{\n width:var(--icon);height:var(--icon);\n display:grid;place-items:center;\n border-radius:10px;border:1px solid var(--bd);background:#f9fafb;color:#374151;\n flex:0 0 var(--icon);cursor:help;position:relative;outline:none;overflow:visible;\n }\n .spec-icon svg{width:18px;height:18px;display:block}\n .spec-text{line-height:1.25}\n .spec-label{font-size:12px;color:var(--muted)}\n \/* ✅ 统一所有 value 样式（Case\/OS\/Warranty 也一样） *\/\n .spec-value{font-weight:600;font-size:14px;margin-top:2px}\n\n \/* ===== Tooltip ===== *\/\n .spec-icon[data-tip]::after,.spec-icon[data-tip]::before{\n position:absolute;opacity:0;pointer-events:none;transition:opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content:attr(data-tip);\n top:50%;left:calc(100% + 10px);transform:translateY(-50%);\n min-width:220px;max-width:360px;\n background:#111827;color:#fff;padding:8px 10px;border-radius:8px;\n box-shadow:0 8px 24px rgba(0,0,0,.18);\n font-size:12px;line-height:1.4;z-index:30;\n white-space:normal;overflow-wrap:anywhere;word-break:normal;\n }\n .spec-icon[data-tip]::before{\n content:\"\";top:50%;left:calc(100% + 4px);transform:translateY(-50%);\n border:6px solid transparent;border-right-color:#111827;z-index:29;\n }\n .spec-icon[data-tip]:hover::after,.spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,.spec-icon[data-tip]:focus::before{opacity:1}\n\n @media (max-width:640px){\n .spec-icon[data-tip]::after{left:50%;top:calc(100% + 10px);transform:translate(-50%,0)}\n .spec-icon[data-tip]::before{\n left:50%;top:100%;transform:translate(-50%,0);\n border:6px solid transparent;border-top-color:#111827;border-right-color:transparent;\n }\n }\n @media (prefers-reduced-motion:reduce){.spec-icon[data-tip]::after,.spec-icon[data-tip]::before{transition:none}}\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6.5\" y=\"6.5\" width=\"11\" height=\"11\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eAMD Ryzen 5 7500F 6 Cores 12 Threads 5.0GHz AM5 Processor\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"7\" y=\"7\" width=\"5\" height=\"5\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"18\" cy=\"18\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI B650M Bomber WIFI AM5 mATX Motherboard\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKLEVV FIT V DDR5 6000MHz CL28 Desktop RAM - Black 16gb\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"9\" width=\"16\" height=\"6\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"6.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"17.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKingbank KP130 1TB M.2 NVMe M.2 2280 SSD\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"8\" width=\"16\" height=\"8\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"11\" cy=\"12\" r=\"2.5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI GeForce RTX 5060 8G Shadow 2X OC Graphics Card\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"8.5\" y=\"6\" width=\"7\" height=\"3\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"12\" cy=\"17\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003cstrong\u003eMatx Open view fish tank case - black\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"9\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n \u003crect x=\"16\" y=\"10\" width=\"2.5\" height=\"4\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eThermalright 550W 80+ Bronze Certified ATX Power Supply TB550S\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eThermalright Frozen Infinity 240 AIO Liquid CPU Cooler\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003cstrong\u003eWindows 11 (Installed,Not Activated)\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003cstrong\u003e3-Year Return-to-Base Warranty\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Default Title","offer_id":47705441730813,"sku":null,"price":1629.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/1232.jpg?v=1768182433"},{"product_id":"ryzen-7-9700x-rtx-5060-liquid-cooled-gaming-pc-powered-by-msi-essential","title":"RYZEN 7 9700X | RTX 5060 | Liquid Cooled Gaming Pc (Powered by MSI essential)","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Spec Cards + Tooltips (Shopify Optimized) ===== *\/\n .pc-specs{\n --bg:#fff;--bd:#e5e7eb;--text:#111827;--muted:#6b7280;\n --radius:12px;--gap:14px;--icon:28px;\n margin:8px 0 18px;\n font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Arial,\"Apple Color Emoji\",\"Segoe UI Emoji\";\n color:var(--text);\n }\n .pc-specs .title{font-size:18px;font-weight:700;margin:0 0 10px}\n .pc-specs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}\n @media (max-width:640px){.pc-specs-grid{grid-template-columns:1fr}}\n\n .spec-item{\n position:relative;display:flex;align-items:center;gap:12px;\n background:var(--bg);border:1px solid var(--bd);border-radius:var(--radius);\n padding:12px 14px;box-shadow:0 1px 2px rgba(0,0,0,.04);\n overflow:visible;\n }\n .spec-icon{\n width:var(--icon);height:var(--icon);\n display:grid;place-items:center;\n border-radius:10px;border:1px solid var(--bd);background:#f9fafb;color:#374151;\n flex:0 0 var(--icon);cursor:help;position:relative;outline:none;overflow:visible;\n }\n .spec-icon svg{width:18px;height:18px;display:block}\n .spec-text{line-height:1.25}\n .spec-label{font-size:12px;color:var(--muted)}\n \/* ✅ 统一所有 value 样式（Case\/OS\/Warranty 也一样） *\/\n .spec-value{font-weight:600;font-size:14px;margin-top:2px}\n\n \/* ===== Tooltip ===== *\/\n .spec-icon[data-tip]::after,.spec-icon[data-tip]::before{\n position:absolute;opacity:0;pointer-events:none;transition:opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content:attr(data-tip);\n top:50%;left:calc(100% + 10px);transform:translateY(-50%);\n min-width:220px;max-width:360px;\n background:#111827;color:#fff;padding:8px 10px;border-radius:8px;\n box-shadow:0 8px 24px rgba(0,0,0,.18);\n font-size:12px;line-height:1.4;z-index:30;\n white-space:normal;overflow-wrap:anywhere;word-break:normal;\n }\n .spec-icon[data-tip]::before{\n content:\"\";top:50%;left:calc(100% + 4px);transform:translateY(-50%);\n border:6px solid transparent;border-right-color:#111827;z-index:29;\n }\n .spec-icon[data-tip]:hover::after,.spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,.spec-icon[data-tip]:focus::before{opacity:1}\n\n @media (max-width:640px){\n .spec-icon[data-tip]::after{left:50%;top:calc(100% + 10px);transform:translate(-50%,0)}\n .spec-icon[data-tip]::before{\n left:50%;top:100%;transform:translate(-50%,0);\n border:6px solid transparent;border-top-color:#111827;border-right-color:transparent;\n }\n }\n @media (prefers-reduced-motion:reduce){.spec-icon[data-tip]::after,.spec-icon[data-tip]::before{transition:none}}\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6.5\" y=\"6.5\" width=\"11\" height=\"11\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eAMD Ryzen 7 9700x 8 Cores 16 Threads AM5 Processor\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"7\" y=\"7\" width=\"5\" height=\"5\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"18\" cy=\"18\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI MAG B650M bomber WIFI AM5 mATX Motherboard\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKLEVV FIT V DDR5 6000MHz CL28 Desktop RAM - Black 16gb\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"9\" width=\"16\" height=\"6\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"6.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"17.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKingbank KP130 1TB NVMe M.2 2280 SSD\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"8\" width=\"16\" height=\"8\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"11\" cy=\"12\" r=\"2.5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI GeForce RTX 5060 8G Shadow 2X OC Graphics Card\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"8.5\" y=\"6\" width=\"7\" height=\"3\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"12\" cy=\"17\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eAURA GC10M V2 ARGB (3 fans included)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"9\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n \u003crect x=\"16\" y=\"10\" width=\"2.5\" height=\"4\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eADATA XPG Pylon II 650W 80+ Bronze Non-Modular ATX 3.1\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eThermalright Frozen Infinity 240 AIO Liquid CPU Cooler - Black\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003cstrong\u003eWindows 11 Installed\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003cstrong\u003e3-Year Return-to-Base Warranty\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Default Title","offer_id":47705442156797,"sku":null,"price":1849.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/123123_4.jpg?v=1769144216"},{"product_id":"ryzen-5-5600-rtx-5060-gaming-pc-powered-by-msi-essential","title":"RYZEN 5 5600 | RTX 5060 Gaming PC (Powered by MSI essential)","description":"\u003cp\u003e\u003cimg\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n .pc-specs{\n --card-bg:#fff;\n --card-border:#e5e7eb;\n --icon-size:28px;\n --radius:12px;\n --gap:14px;\n --text:#111827;\n --muted:#6b7280;\n margin: 8px 0 18px 0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color: var(--text);\n }\n .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n .pc-specs-grid{\n display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n }\n @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n .spec-item{\n position: relative;\n display:flex; align-items:center; gap:12px;\n background: var(--card-bg);\n border:1px solid var(--card-border);\n border-radius: var(--radius);\n padding:12px 14px;\n box-shadow: 0 1px 2px rgba(0,0,0,.04);\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon{\n width: var(--icon-size); height: var(--icon-size);\n display:grid; place-items:center;\n border-radius: 10px;\n border:1px solid var(--card-border);\n background:#f9fafb;\n flex: 0 0 var(--icon-size);\n color:#374151; \/* 改这里可统一图标颜色 *\/\n cursor: help;\n position: relative; \/* tooltip 定位参考 *\/\n outline: none;\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon svg{ width: 18px; height: 18px; display:block; }\n .spec-text{ line-height:1.25 }\n .spec-label{ font-size:12px; color: var(--muted); }\n .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n \/* ===== Compact Tooltip (two-line bubble) ===== *\/\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{\n position: absolute;\n opacity: 0;\n pointer-events: none;\n transition: opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content: attr(data-tip);\n top: 50%;\n left: calc(100% + 10px);\n transform: translateY(-50%);\n\n \/* 尺寸放大：可再调这两行 *\/\n min-width: 220px;\n max-width: 360px;\n\n background: #111827;\n color: #fff;\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n font-size: 12px; line-height: 1.4;\n z-index: 30;\n\n \/* 关键：去掉省略号，允许正常换行 *\/\n display: block; \/* 覆盖 -webkit-box *\/\n -webkit-line-clamp: unset; \/* 取消行数限制 *\/\n -webkit-box-orient: unset;\n overflow: visible;\n text-overflow: unset;\n white-space: normal;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n \/* 小箭头 *\/\n .spec-icon[data-tip]::before{\n content: \"\";\n top: 50%;\n left: calc(100% + 4px);\n transform: translateY(-50%);\n border: 6px solid transparent;\n border-right-color: #111827;\n z-index: 29;\n }\n \/* 显示时机：hover + keyboard focus *\/\n .spec-icon[data-tip]:hover::after,\n .spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,\n .spec-icon[data-tip]:focus::before{\n opacity: 1;\n }\n\n \/* 窄屏：把气泡放到底部居中 *\/\n @media (max-width: 640px){\n .spec-icon[data-tip]::after{\n left: 50%;\n top: calc(100% + 10px);\n transform: translate(-50%, 0);\n }\n .spec-icon[data-tip]::before{\n left: 50%;\n top: 100%;\n transform: translate(-50%, 0);\n border: 6px solid transparent;\n border-top-color: #111827;\n }\n }\n\n \/* 减少动画（无障碍） *\/\n @media (prefers-reduced-motion: reduce){\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{ transition: none; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- CPU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"11\" width=\"11\" y=\"6.5\" x=\"6.5\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cstrong\u003eAMD Ryzen 5 5600 6 Core 12 Threads Unlocked 4.4GHz AM4 \u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Motherboard icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"16\" width=\"16\" y=\"4\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"5\" width=\"5\" y=\"7\" x=\"7\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle r=\"1\" cy=\"18\" cx=\"18\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI B550M PRO-VDH Wi-Fi AM4 Micro-ATX Motherboard\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory \/ RAM --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- RAM icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKingbank KJXB 1x16GB 3200MHz CL16 DDR4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage \/ NVMe --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- NVMe icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"6\" width=\"16\" y=\"9\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"0.9\" cy=\"12\" cx=\"6.5\"\u003e\u003c\/circle\u003e\n \u003ccircle r=\"0.9\" cy=\"12\" cx=\"17.5\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003cspan\u003eKingbank KP130 1TB PCIe 3.0 3500\/3000 NVMe M.2 2280 SSD\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics \/ GPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- GPU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"8\" width=\"16\" y=\"8\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle r=\"2.5\" cy=\"12\" cx=\"11\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI GeForce RTX 5060 8g Shadow 2X OC\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Case icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"18\" width=\"12\" y=\"3\" x=\"6\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"0.5\" height=\"3\" width=\"7\" y=\"6\" x=\"8.5\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"1\" cy=\"17\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cstrong\u003eMatx Open view fish tank case - Black\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply \/ PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- PSU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"10\" width=\"16\" y=\"7\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"3\" cy=\"12\" cx=\"9\"\u003e\u003c\/circle\u003e\n \u003crect rx=\"0.5\" height=\"4\" width=\"2.5\" y=\"10\" x=\"16\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cstrong\u003eThermalright 550W 80+ Bronze Certified ATX Power Supply TB550S\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Cooling\/Fan icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003ccircle r=\"5\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cstrong\u003eThermalright Assassin X120 Refined SE ARGB CPU Air Cooler\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" aria-hidden=\"true\" data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" tabindex=\"0\"\u003e\n\u003c!-- OS icon (Windows style 2x2 tiles) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eWindows 11 Pro Installed (activation not required)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" aria-hidden=\"true\" data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" tabindex=\"0\"\u003e\n\u003c!-- Warranty icon (shield with check) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3-Year Return-to-Base Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003c\/p\u003e","brand":"G-ONE Computer","offers":[{"title":"Default Title","offer_id":47705442287869,"sku":null,"price":1399.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/DSC_4318.jpg?v=1778582088"},{"product_id":"ryzen-5-7500f-rtx-5070-advanced-powered-by-msi","title":"RYZEN 5 7500F | RTX 5070 (Advanced powered by MSI)","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n .pc-specs{\n --card-bg:#fff;\n --card-border:#e5e7eb;\n --icon-size:28px;\n --radius:12px;\n --gap:14px;\n --text:#111827;\n --muted:#6b7280;\n margin: 8px 0 18px 0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color: var(--text);\n }\n .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n .pc-specs-grid{\n display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n }\n @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n .spec-item{\n position: relative;\n display:flex; align-items:center; gap:12px;\n background: var(--card-bg);\n border:1px solid var(--card-border);\n border-radius: var(--radius);\n padding:12px 14px;\n box-shadow: 0 1px 2px rgba(0,0,0,.04);\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon{\n width: var(--icon-size); height: var(--icon-size);\n display:grid; place-items:center;\n border-radius: 10px;\n border:1px solid var(--card-border);\n background:#f9fafb;\n flex: 0 0 var(--icon-size);\n color:#374151; \/* 改这里可统一图标颜色 *\/\n cursor: help;\n position: relative; \/* tooltip 定位参考 *\/\n outline: none;\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon svg{ width: 18px; height: 18px; display:block; }\n .spec-text{ line-height:1.25 }\n .spec-label{ font-size:12px; color: var(--muted); }\n .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n \/* ===== Compact Tooltip (two-line bubble) ===== *\/\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{\n position: absolute;\n opacity: 0;\n pointer-events: none;\n transition: opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content: attr(data-tip);\n top: 50%;\n left: calc(100% + 10px);\n transform: translateY(-50%);\n\n \/* 尺寸放大：可再调这两行 *\/\n min-width: 220px;\n max-width: 360px;\n\n background: #111827;\n color: #fff;\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n font-size: 12px; line-height: 1.4;\n z-index: 30;\n\n \/* 关键：去掉省略号，允许正常换行 *\/\n display: block; \/* 覆盖 -webkit-box *\/\n -webkit-line-clamp: unset; \/* 取消行数限制 *\/\n -webkit-box-orient: unset;\n overflow: visible;\n text-overflow: unset;\n white-space: normal;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n \/* 小箭头 *\/\n .spec-icon[data-tip]::before{\n content: \"\";\n top: 50%;\n left: calc(100% + 4px);\n transform: translateY(-50%);\n border: 6px solid transparent;\n border-right-color: #111827;\n z-index: 29;\n }\n \/* 显示时机：hover + keyboard focus *\/\n .spec-icon[data-tip]:hover::after,\n .spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,\n .spec-icon[data-tip]:focus::before{\n opacity: 1;\n }\n\n \/* 窄屏：把气泡放到底部居中 *\/\n @media (max-width: 640px){\n .spec-icon[data-tip]::after{\n left: 50%;\n top: calc(100% + 10px);\n transform: translate(-50%, 0);\n }\n .spec-icon[data-tip]::before{\n left: 50%;\n top: 100%;\n transform: translate(-50%, 0);\n border: 6px solid transparent;\n border-top-color: #111827;\n }\n }\n\n \/* 减少动画（无障碍） *\/\n @media (prefers-reduced-motion: reduce){\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{ transition: none; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- CPU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"11\" width=\"11\" y=\"6.5\" x=\"6.5\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cstrong\u003eAMD Ryzen 5 7500F CPU Processor – 6 Core 12 Thread 5.0GHz Boost AM5\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Motherboard icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"16\" width=\"16\" y=\"4\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"5\" width=\"5\" y=\"7\" x=\"7\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle r=\"1\" cy=\"18\" cx=\"18\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cstrong\u003eMSI B650M BOMBER WIFI AMD mATX Motherboard\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory \/ RAM --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- RAM icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKLEVV FIT V DDR5 6000MHz CL28 Desktop RAM - 16gb\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage \/ NVMe --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- NVMe icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"6\" width=\"16\" y=\"9\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"0.9\" cy=\"12\" cx=\"6.5\"\u003e\u003c\/circle\u003e\n \u003ccircle r=\"0.9\" cy=\"12\" cx=\"17.5\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI SPATIUM M461 PCIe 4.0 NVMe M.2 1TB \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics \/ GPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- GPU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"8\" width=\"16\" y=\"8\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle r=\"2.5\" cy=\"12\" cx=\"11\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cstrong\u003eMSI GeForce RTX 5070 12G Shadow 2X OC Graphics Card\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Case icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"18\" width=\"12\" y=\"3\" x=\"6\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"0.5\" height=\"3\" width=\"7\" y=\"6\" x=\"8.5\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"1\" cy=\"17\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\u003cstrong\u003eMatx Open view fish tank case - Black ( Infinity 4 pro fan * 3)\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply \/ PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- PSU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"10\" width=\"16\" y=\"7\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"3\" cy=\"12\" cx=\"9\"\u003e\u003c\/circle\u003e\n \u003crect rx=\"0.5\" height=\"4\" width=\"2.5\" y=\"10\" x=\"16\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cstrong\u003eMSI MAG A750BN PCIE5 750W Power Supply\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Cooling\/Fan icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003ccircle r=\"5\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eThermalright Assassin X120 Refined SE ARGB CPU Air Cooler\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" aria-hidden=\"true\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- OS icon (Windows style 2x2 tiles) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"3\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"3\" x=\"13\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"13\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"13\" x=\"13\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eWindows 11 (Installed, Not Activated)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" aria-hidden=\"true\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Warranty icon (shield with check) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3-Year Return-to-Base Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Default Title","offer_id":47705507692797,"sku":null,"price":2199.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/7500f_5070.jpg?v=1770343232"},{"product_id":"ryzen-5-9600x-rtx-5070-rgb-gaming-pc-advanced-powered-by-msi","title":"RYZEN 5 9600x | RTX 5070 | Rgb Gaming Pc (Advanced powered by MSI)","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n .pc-specs{\n --card-bg:#fff;\n --card-border:#e5e7eb;\n --icon-size:28px;\n --radius:12px;\n --gap:14px;\n --text:#111827;\n --muted:#6b7280;\n margin: 8px 0 18px 0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color: var(--text);\n }\n .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n .pc-specs-grid{\n display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n }\n @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n .spec-item{\n position: relative;\n display:flex; align-items:center; gap:12px;\n background: var(--card-bg);\n border:1px solid var(--card-border);\n border-radius: var(--radius);\n padding:12px 14px;\n box-shadow: 0 1px 2px rgba(0,0,0,.04);\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon{\n width: var(--icon-size); height: var(--icon-size);\n display:grid; place-items:center;\n border-radius: 10px;\n border:1px solid var(--card-border);\n background:#f9fafb;\n flex: 0 0 var(--icon-size);\n color:#374151; \/* 改这里可统一图标颜色 *\/\n cursor: help;\n position: relative; \/* tooltip 定位参考 *\/\n outline: none;\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon svg{ width: 18px; height: 18px; display:block; }\n .spec-text{ line-height:1.25 }\n .spec-label{ font-size:12px; color: var(--muted); }\n .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n \/* ===== Compact Tooltip (two-line bubble) ===== *\/\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{\n position: absolute;\n opacity: 0;\n pointer-events: none;\n transition: opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content: attr(data-tip);\n top: 50%;\n left: calc(100% + 10px);\n transform: translateY(-50%);\n\n \/* 尺寸放大：可再调这两行 *\/\n min-width: 220px;\n max-width: 360px;\n\n background: #111827;\n color: #fff;\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n font-size: 12px; line-height: 1.4;\n z-index: 30;\n\n \/* 关键：去掉省略号，允许正常换行 *\/\n display: block; \/* 覆盖 -webkit-box *\/\n -webkit-line-clamp: unset; \/* 取消行数限制 *\/\n -webkit-box-orient: unset;\n overflow: visible;\n text-overflow: unset;\n white-space: normal;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n \/* 小箭头 *\/\n .spec-icon[data-tip]::before{\n content: \"\";\n top: 50%;\n left: calc(100% + 4px);\n transform: translateY(-50%);\n border: 6px solid transparent;\n border-right-color: #111827;\n z-index: 29;\n }\n \/* 显示时机：hover + keyboard focus *\/\n .spec-icon[data-tip]:hover::after,\n .spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,\n .spec-icon[data-tip]:focus::before{\n opacity: 1;\n }\n\n \/* 窄屏：把气泡放到底部居中 *\/\n @media (max-width: 640px){\n .spec-icon[data-tip]::after{\n left: 50%;\n top: calc(100% + 10px);\n transform: translate(-50%, 0);\n }\n .spec-icon[data-tip]::before{\n left: 50%;\n top: 100%;\n transform: translate(-50%, 0);\n border: 6px solid transparent;\n border-top-color: #111827;\n }\n }\n\n \/* 减少动画（无障碍） *\/\n @media (prefers-reduced-motion: reduce){\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{ transition: none; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- CPU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"11\" width=\"11\" y=\"6.5\" x=\"6.5\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eAMD Ryzen 5 9600X 6 Cores 12 Threads\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Motherboard icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"16\" width=\"16\" y=\"4\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"5\" width=\"5\" y=\"7\" x=\"7\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle r=\"1\" cy=\"18\" cx=\"18\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cstrong\u003eMSI B650M BOMBER WIFI AMD mATX Motherboard\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory \/ RAM --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- RAM icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKLEVV FIT V DDR5 6000MHz CL28 Desktop RAM - Black 16gb\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage \/ NVMe --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- NVMe icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"6\" width=\"16\" y=\"9\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"0.9\" cy=\"12\" cx=\"6.5\"\u003e\u003c\/circle\u003e\n \u003ccircle r=\"0.9\" cy=\"12\" cx=\"17.5\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI SPATIUM M461 PCIe 4.0 NVMe M.2 1TB \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics \/ GPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- GPU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"8\" width=\"16\" y=\"8\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle r=\"2.5\" cy=\"12\" cx=\"11\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cstrong\u003eMSI GeForce RTX 5070 12G Shadow 2X OC Graphics Card\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Case icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"18\" width=\"12\" y=\"3\" x=\"6\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"0.5\" height=\"3\" width=\"7\" y=\"6\" x=\"8.5\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"1\" cy=\"17\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003emATX Case with 3 fans\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply \/ PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- PSU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"10\" width=\"16\" y=\"7\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"3\" cy=\"12\" cx=\"9\"\u003e\u003c\/circle\u003e\n \u003crect rx=\"0.5\" height=\"4\" width=\"2.5\" y=\"10\" x=\"16\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cstrong\u003eMSI MAG A750BN PCIE5 750 W Power Supply\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Cooling\/Fan icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003ccircle r=\"5\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eThermalright Assassin X120 Refined SE ARGB CPU Air Cooler\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" aria-hidden=\"true\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- OS icon (Windows style 2x2 tiles) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"3\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"3\" x=\"13\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"13\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"13\" x=\"13\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eWindows 11 (Installed, Not Activated)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" aria-hidden=\"true\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Warranty icon (shield with check) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3-Year Return-to-Base Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Default Title","offer_id":47705510969597,"sku":null,"price":2299.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/123123asdawd.jpg?v=1770343145"},{"product_id":"ryzen-7-7800x3d-rtx-5070-high-end-liquid-cooled-gaming-pc-advanced-powered-by-msi","title":"RYZEN 7 7800X3D | RTX 5070 | High-End Liquid Cooled Gaming Pc (Advanced powered by MSI)","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n .pc-specs{\n --card-bg:#fff;\n --card-border:#e5e7eb;\n --icon-size:28px;\n --radius:12px;\n --gap:14px;\n --text:#111827;\n --muted:#6b7280;\n margin: 8px 0 18px 0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color: var(--text);\n }\n .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n .pc-specs-grid{\n display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n }\n @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n .spec-item{\n position: relative;\n display:flex; align-items:center; gap:12px;\n background: var(--card-bg);\n border:1px solid var(--card-border);\n border-radius: var(--radius);\n padding:12px 14px;\n box-shadow: 0 1px 2px rgba(0,0,0,.04);\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon{\n width: var(--icon-size); height: var(--icon-size);\n display:grid; place-items:center;\n border-radius: 10px;\n border:1px solid var(--card-border);\n background:#f9fafb;\n flex: 0 0 var(--icon-size);\n color:#374151; \/* 改这里可统一图标颜色 *\/\n cursor: help;\n position: relative; \/* tooltip 定位参考 *\/\n outline: none;\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon svg{ width: 18px; height: 18px; display:block; }\n .spec-text{ line-height:1.25 }\n .spec-label{ font-size:12px; color: var(--muted); }\n .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n \/* ===== Compact Tooltip (two-line bubble) ===== *\/\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{\n position: absolute;\n opacity: 0;\n pointer-events: none;\n transition: opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content: attr(data-tip);\n top: 50%;\n left: calc(100% + 10px);\n transform: translateY(-50%);\n\n \/* 尺寸放大：可再调这两行 *\/\n min-width: 220px;\n max-width: 360px;\n\n background: #111827;\n color: #fff;\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n font-size: 12px; line-height: 1.4;\n z-index: 30;\n\n \/* 关键：去掉省略号，允许正常换行 *\/\n display: block; \/* 覆盖 -webkit-box *\/\n -webkit-line-clamp: unset; \/* 取消行数限制 *\/\n -webkit-box-orient: unset;\n overflow: visible;\n text-overflow: unset;\n white-space: normal;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n \/* 小箭头 *\/\n .spec-icon[data-tip]::before{\n content: \"\";\n top: 50%;\n left: calc(100% + 4px);\n transform: translateY(-50%);\n border: 6px solid transparent;\n border-right-color: #111827;\n z-index: 29;\n }\n \/* 显示时机：hover + keyboard focus *\/\n .spec-icon[data-tip]:hover::after,\n .spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,\n .spec-icon[data-tip]:focus::before{\n opacity: 1;\n }\n\n \/* 窄屏：把气泡放到底部居中 *\/\n @media (max-width: 640px){\n .spec-icon[data-tip]::after{\n left: 50%;\n top: calc(100% + 10px);\n transform: translate(-50%, 0);\n }\n .spec-icon[data-tip]::before{\n left: 50%;\n top: 100%;\n transform: translate(-50%, 0);\n border: 6px solid transparent;\n border-top-color: #111827;\n }\n }\n\n \/* 减少动画（无障碍） *\/\n @media (prefers-reduced-motion: reduce){\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{ transition: none; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- CPU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6.5\" y=\"6.5\" width=\"11\" height=\"11\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cstrong\u003eAMD Ryzen 7 7800x3d 8 Core AM5 5Ghz\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Motherboard icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"7\" y=\"7\" width=\"5\" height=\"5\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"18\" cy=\"18\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI B650M BOMBER WIFI AMD mATX Motherboard\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory \/ RAM --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- RAM icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKLEVV FIT V DDR5 6000MHz CL28 Desktop RAM - White 16g * 2\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage \/ NVMe --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- NVMe icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"9\" width=\"16\" height=\"6\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"6.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"17.5\" cy=\"12\" r=\"0.9\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI SPATIUM M461 PCIe 4.0 NVMe M.2 1TB \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics \/ GPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- GPU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"8\" width=\"16\" height=\"8\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"11\" cy=\"12\" r=\"2.5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI GeForce RTX 5070 12G Shadow 2X OC Graphics Card\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Case icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"8.5\" y=\"6\" width=\"7\" height=\"3\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"12\" cy=\"17\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cstrong\u003emATX Case with 3 fans\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply \/ PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- PSU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"9\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n \u003crect x=\"16\" y=\"10\" width=\"2.5\" height=\"4\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cstrong\u003eMSI MAG A750BN PCIE5 750 W Power Supply\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Cooling\/Fan icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cstrong\u003eThermalright Frozen Infinity 240 AIO Liquid CPU Cooler - Black\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" aria-hidden=\"true\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- OS icon (Windows style 2x2 tiles) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"3\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"3\" x=\"13\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"13\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"8\" width=\"8\" y=\"13\" x=\"13\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eWindows 11 (Installed, Not Activated)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" aria-hidden=\"true\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Warranty icon (shield with check) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3-Year Return-to-Base Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Default Title","offer_id":47705525158141,"sku":null,"price":2649.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/312.jpg?v=1768100969"},{"product_id":"ryzen-7-7800x3d-rtx-5070-high-end-liquid-cooled-gaming-pc-ultimate-powered-by-msi","title":"RYZEN 7 7800X3D | RTX 5080 | High-End Liquid Cooled Gaming Pc (Ultimate powered by MSI)","description":"\u003cstyle\u003e\n \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n .pc-specs{\n --card-bg:#fff;\n --card-border:#e5e7eb;\n --icon-size:28px;\n --radius:12px;\n --gap:14px;\n --text:#111827;\n --muted:#6b7280;\n margin: 8px 0 18px 0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color: var(--text);\n }\n .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n .pc-specs-grid{\n display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n }\n @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n .spec-item{\n position: relative;\n display:flex; align-items:center; gap:12px;\n background: var(--card-bg);\n border:1px solid var(--card-border);\n border-radius: var(--radius);\n padding:12px 14px;\n box-shadow: 0 1px 2px rgba(0,0,0,.04);\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon{\n width: var(--icon-size); height: var(--icon-size);\n display:grid; place-items:center;\n border-radius: 10px;\n border:1px solid var(--card-border);\n background:#f9fafb;\n flex: 0 0 var(--icon-size);\n color:#374151; \/* 改这里可统一图标颜色 *\/\n cursor: help;\n position: relative; \/* tooltip 定位参考 *\/\n outline: none;\n overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n }\n .spec-icon svg{ width: 18px; height: 18px; display:block; }\n .spec-text{ line-height:1.25 }\n .spec-label{ font-size:12px; color: var(--muted); }\n .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n \/* ===== Compact Tooltip (two-line bubble) ===== *\/\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{\n position: absolute;\n opacity: 0;\n pointer-events: none;\n transition: opacity .12s ease;\n }\n .spec-icon[data-tip]::after{\n content: attr(data-tip);\n top: 50%;\n left: calc(100% + 10px);\n transform: translateY(-50%);\n\n \/* 尺寸放大：可再调这两行 *\/\n min-width: 220px;\n max-width: 360px;\n\n background: #111827;\n color: #fff;\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n font-size: 12px; line-height: 1.4;\n z-index: 30;\n\n \/* 关键：去掉省略号，允许正常换行 *\/\n display: block; \/* 覆盖 -webkit-box *\/\n -webkit-line-clamp: unset; \/* 取消行数限制 *\/\n -webkit-box-orient: unset;\n overflow: visible;\n text-overflow: unset;\n white-space: normal;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n \/* 小箭头 *\/\n .spec-icon[data-tip]::before{\n content: \"\";\n top: 50%;\n left: calc(100% + 4px);\n transform: translateY(-50%);\n border: 6px solid transparent;\n border-right-color: #111827;\n z-index: 29;\n }\n \/* 显示时机：hover + keyboard focus *\/\n .spec-icon[data-tip]:hover::after,\n .spec-icon[data-tip]:hover::before,\n .spec-icon[data-tip]:focus::after,\n .spec-icon[data-tip]:focus::before{\n opacity: 1;\n }\n\n \/* 窄屏：把气泡放到底部居中 *\/\n @media (max-width: 640px){\n .spec-icon[data-tip]::after{\n left: 50%;\n top: calc(100% + 10px);\n transform: translate(-50%, 0);\n }\n .spec-icon[data-tip]::before{\n left: 50%;\n top: 100%;\n transform: translate(-50%, 0);\n border: 6px solid transparent;\n border-top-color: #111827;\n }\n }\n\n \/* 减少动画（无障碍） *\/\n @media (prefers-reduced-motion: reduce){\n .spec-icon[data-tip]::after,\n .spec-icon[data-tip]::before{ transition: none; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- CPU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"11\" width=\"11\" y=\"6.5\" x=\"6.5\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 2v3M12 2v3M16 2v3M8 19v3M12 19v3M16 19v3M2 8h3M2 12h3M2 16h3M19 8h3M19 12h3M19 16h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCPU\u003c\/div\u003e\n\u003cstrong\u003eAMD Ryzen 7 7800x3d 8 Core AM5 5Ghz\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Motherboard icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"16\" width=\"16\" y=\"4\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"1\" height=\"5\" width=\"5\" y=\"7\" x=\"7\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h3M14 11h3M7 15h10M7 18h6\"\u003e\u003c\/path\u003e\n \u003ccircle r=\"1\" cy=\"18\" cx=\"18\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI MPG X870E Edge Ti Wifi Motherboard\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3) Memory \/ RAM --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- RAM icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M3 9h18v6H3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 9v-2M9 9v-2M12 9v-2M15 9v-2M18 9v-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 15v2M10 15v2M13 15v2M16 15v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 9v6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMemory\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eKLEVV FIT V DDR5 6000MHz CL28 Desktop RAM - White 16g * 2\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage \/ NVMe --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"NVMe SSD loads Windows and games much faster than HDD or older SATA SSD.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- NVMe icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"6\" width=\"16\" y=\"9\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"0.9\" cy=\"12\" cx=\"6.5\"\u003e\u003c\/circle\u003e\n \u003ccircle r=\"0.9\" cy=\"12\" cx=\"17.5\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI SPATIUM M461 PCIe 4.0 NVMe M.2 1TB \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5) Graphics \/ GPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- GPU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"8\" width=\"16\" y=\"8\" x=\"3\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M19 10h2v4h-2M6 20h6\"\u003e\u003c\/path\u003e\n \u003ccircle r=\"2.5\" cy=\"12\" cx=\"11\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M11 10.5v3M9.5 12h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eGraphics\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eMSI GeForce RTX 5080 Gaming Trio\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Case icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"18\" width=\"12\" y=\"3\" x=\"6\"\u003e\u003c\/rect\u003e\n \u003crect rx=\"0.5\" height=\"3\" width=\"7\" y=\"6\" x=\"8.5\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"1\" cy=\"17\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cstrong\u003eMSI MAG PANO M110R WHITE GAMING CASE\u003cbr\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply \/ PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- PSU icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003crect rx=\"2\" height=\"10\" width=\"16\" y=\"7\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003ccircle r=\"3\" cy=\"12\" cx=\"9\"\u003e\u003c\/circle\u003e\n \u003crect rx=\"0.5\" height=\"4\" width=\"2.5\" y=\"10\" x=\"16\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cstrong\u003eMsi A850GL white gold\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv aria-hidden=\"true\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" class=\"spec-icon\" tabindex=\"0\"\u003e\n\u003c!-- Cooling\/Fan icon --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003ccircle r=\"5\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 9.7c1.2-2.8 4.3-2.3 4.3-2.3M14.3 12c2.8 1.2 2.3 4.3 2.3 4.3M12 14.3c-1.2 2.8-4.3 2.3-4.3 2.3M9.7 12C6.9 10.8 7.4 7.7 7.4 7.7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCooling\u003c\/div\u003e\n\u003cstrong\u003eA13 360 MSI White\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9) Operating System --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" aria-hidden=\"true\" data-tip=\"Windows 11 is pre-installed for testing and basic setup. Not activated: you can enter a product key later or purchase a digital license.\" tabindex=\"0\"\u003e\n\u003c!-- OS icon (Windows style 2x2 tiles) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003crect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003crect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\u003e\u003c\/rect\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eOperating System\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eWindows 11 (Installed, Not Activated)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10) Warranty --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" aria-hidden=\"true\" data-tip=\"3-Year Return-to-Base warranty: bring the PC back to our store for diagnosis\/repair. Covers manufacturing defects; excludes physical\/liquid damage and user-induced faults.\" tabindex=\"0\"\u003e\n\u003c!-- Warranty icon (shield with check) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2.2 2.2L15 10.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3-Year Return-to-Base Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Default Title","offer_id":47705534791933,"sku":null,"price":4599.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/cf362f8fb49b9e018b7b994b1521edf7_3f0c959d-b789-40ea-acc5-daa3a5e20507.png?v=1781343390"}],"url":"https:\/\/gonecomputer.com.au\/collections\/msi-eofy.oembed","provider":"G-ONE Computer","version":"1.0","type":"link"}