{"title":"READY TO GO PC","description":"","products":[{"product_id":"7500f-5070-gaming","title":"RYZEN 5 7500F | RTX 5070","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 KP160 1TB M.2 5000\/4200 PCIe 4.0 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":"Default Title","offer_id":46417063543037,"sku":null,"price":2099.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":"Default Title","offer_id":46693535252733,"sku":null,"price":3199.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/DSC_1552_9c02f10b-d133-448e-860a-41207a9e8744.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 CL30 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\"\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 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\"\u003eADATA XPG Kyber 850W Gold ATX 3.0 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":"Default Title","offer_id":46751306940669,"sku":null,"price":4299.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":"intel-i3-13100f-rtx-5050","title":"INTEL i3 13100F | RTX 5050 | Budget 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\u003eIntel Core 13100F 4 Core LGA 1700 4.50GHz CPU 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\u003eMAXSUN Challenger H610M-H V1 WIFI\u003cbr\u003e\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\u003eKingBank DDR4 16GB 3200MHz\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 5000\/4200 PCIe 4.0 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 5050 SHADOW 2X OC 8GB\u003cbr\u003e\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 - 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 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 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 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\u003cstrong\u003eIntel Standard Air Cooling\u003c\/strong\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 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\"\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\" 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\"\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":46838080143613,"sku":null,"price":1099.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/10.jpg?v=1768031048"},{"product_id":"ryzen-5-9600x-rtx-5070-white","title":"RYZEN 5 9600x | RTX 5070 White | 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 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 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 B850 Edge TI WIFI AM5 ATX\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\"\u003eG.Skill Trident Z5 Royal Neo 32GB (2 x 16GB) DDR5 6400MHz CL30 \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\"\u003eKLEVV CRAS C910 1TB NVMe PCIe 4.0 (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\u003cdiv class=\"spec-value\"\u003eMSI GeForce RTX 5070 12G GAMING TRIO WHITE\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\"\u003eLIAN LI O11 VISON COMPACT 3 SIDE GLASS\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\"\u003eMSI A850GL WHITE PCIe 5.0 850W 80+ Gold Fully Modular\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 Warframe 360 ARGB 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\" 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":46844065513725,"sku":null,"price":3999.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/e69f7946d5099450a746a5d60dde0d5a_c29b1827-3dfd-4402-86f9-813f45f96a96.jpg?v=1769243400"},{"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":"Default Title","offer_id":46860182388989,"sku":null,"price":12999.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":"Default Title","offer_id":46876457828605,"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":"intel-i5-12400f-rtx-5060","title":"INTEL i5 12400F | RTX 5060","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\"\u003eIntel Core i5-12400F\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\"\u003eMAXSUN \u003cspan\u003ehallenger H610M-H V1 WIFI\u003c\/span\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 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\"\u003eKingbank DDR4 3200MHZ  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\u003cdiv class=\"spec-value\"\u003eKingbank KP130 1TB PCIe 3.0 3500\/3000 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 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 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\"\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\u003cdiv class=\"spec-value\"\u003eIntel Standard Air Cooling\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":"Default Title","offer_id":46903445946621,"sku":null,"price":1299.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/1_e3654126-10d6-47e2-bbf6-7813ff5a58e7.jpg?v=1768030149"},{"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\"\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 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 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 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 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 32g (16GB x 2) Black\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 \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\"\u003ePalit Infinity 3 GeForce RTX 5070 12GB GDDR7 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 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\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 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 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 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":46937998065917,"sku":null,"price":2538.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 32gb\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\"\u003ePalit Infinity 3 GeForce RTX 5070 12GB GDDR7 Graphics Card\u003cbr\u003e\n\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\u003e750W XPG KYBER PSU 80PLUS GOLD ATX 3.1 5Yr Warranty\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":46938002358525,"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-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":"Default Title","offer_id":46983721419005,"sku":null,"price":2849.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-9600-rtx-5070","title":"RYZEN 5 9600x | RTX 5070 | 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 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\"\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\u003cstrong\u003ePalit Infinity 3 GeForce RTX 5070 12GB GDDR7 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\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 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":47013406277885,"sku":null,"price":2199.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-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\"\u003eADATA XPG Pylon II 650W 80+ Bronze Non-Modular ATX 3.1 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\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":47023290482941,"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-white-rgb-aio","title":"RYZEN 5 7500F | RTX 5060 | Liquid Cooled White 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\u003cstrong\u003eAMD Ryzen 5 7500F 3.7GHz 6-Core 12-Thread 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 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\u003cstrong\u003eKlevv Fit V 1x16GB 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 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\u003cstrong\u003eKingbank KP160 1TB PCIe4.0\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 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\"\u003eZOTAC Gaming GeForce RTX 5060 Twin Edge OC GDDR7 8GB White\u003cbr\u003e\n\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\"\u003eMATX Open-view Case White 3 fans included\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\"\u003e\u003cstrong\u003e650W MSI PSU - MAG A650BNL WHITE\u003c\/strong\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 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 Frozen Infinity 240 AIO Liquid CPU Cooler \u003cbr\u003e\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\"\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 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\"\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":47024509780221,"sku":null,"price":1699.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/10123.jpg?v=1768038907"},{"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":"Default Title","offer_id":47034565787901,"sku":null,"price":2999.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-7500f-rtx-5070-white-rgb-aio","title":"RYZEN 5 7500F | RTX 5070 | Liquid Cooled White 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\u003cstrong\u003eAMD Ryzen 5 7500F 3.7GHz 6-Core 12-Thread 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 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\u003cstrong\u003eSilicon Power XPOWER Zenith CL36 RGB DDR5 6000MHz 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 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\u003cstrong\u003eKingbank KP160 1TB M.2 5000\/4200 PCIe 4.0 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 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\"\u003e\n\u003ch3\u003e\u003cstrong\u003eGeForce RTX™ 5070 12G VENTUS 2X OC WHITE\u003c\/strong\u003e\u003c\/h3\u003e\n\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\"\u003eMatx Open view fish tank case - White\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\"\u003eXPG PYLON 750W 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 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\u003eMSI MAG CoreLiquid A13 240 AIO Liquid CPU Cooler - 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 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\"\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":47078745604349,"sku":null,"price":2349.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/7500f_5060_aio_white.jpg?v=1770343457"},{"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 aria-hidden=\"true\" data-tip=\"CPU runs general tasks and game logic; more cores\/clocks boost responsiveness.\" class=\"spec-icon\" tabindex=\"0\"\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\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 aria-hidden=\"true\" data-tip=\"Connects all components; defines ports, Wi-Fi and upgrade support.\" class=\"spec-icon\" tabindex=\"0\"\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\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 aria-hidden=\"true\" data-tip=\"Working memory; more and faster RAM reduces stutter and improves multitasking.\" class=\"spec-icon\" tabindex=\"0\"\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\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 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\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\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 aria-hidden=\"true\" data-tip=\"Renders graphics; stronger GPUs let you raise settings and stay smooth.\" class=\"spec-icon\" tabindex=\"0\"\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\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 aria-hidden=\"true\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" class=\"spec-icon\" tabindex=\"0\"\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\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 aria-hidden=\"true\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" class=\"spec-icon\" tabindex=\"0\"\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\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 aria-hidden=\"true\" data-tip=\"Lower temps mean quieter operation and steadier boost clocks.\" class=\"spec-icon\" tabindex=\"0\"\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\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 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.\" class=\"spec-icon\" tabindex=\"0\"\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\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 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.\" class=\"spec-icon\" tabindex=\"0\"\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\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":47132629369085,"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":"intel-i5-12400f-rtx-5070","title":"INTEL i5 12400F | 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\u003cdiv class=\"spec-value\"\u003eIntel Core i5-12400F\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\"\u003eMAXSUN H610M 666 WIFI6 DDR4 LGA1700 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 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 DDR4 3200MHZ  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 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\"\u003ePalit GeForce RTX 5070 Infinity 3 12GB GDDR7 Graphics Card\u003cbr\u003e\n\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\"\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\u003cdiv class=\"spec-value\"\u003eXPG PYLON 750W 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 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\"\u003eIntel Standard Air Cooling\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":47147982881021,"sku":null,"price":1899.0,"currency_code":"AUD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/qweqwe_4.jpg?v=1769145577"},{"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":"Default Title","offer_id":47153048912125,"sku":null,"price":4499.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":"rog-hyperion-rog-astral-5080-white","title":"ROG Hyperion \u0026 ROG Astral RTX 5080 | Ryzen 7 9800X3D | Ultimate 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; \/* 关键：允许 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 9800X3D 8 Core AM5 5.2GHz CPU 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 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 MPG B850 Edge TI WIFI AM5 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 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\u003eG.Skill Trident Z5 Royal Neo 32GB (2 x 16GB) DDR5 6400MHz CL30 Desktop RAM - Silver\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\u003cstrong\u003eSamsung 990 Pro 2TB PCIe Gen4 NVMe M.2 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 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\u003eAsus ROG Astral GeForce RTX 5080 16G OC Graphics Card - White\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\u003cstrong\u003eASUS ROG Hyperion GR701 Tempered Glass Window E-ATX Full-Tower Gaming Case - White\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\u003eLian Li EDGE 1000W 80 Plus Platinum Fully Modular ATX 3.1 Power Supply - White\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\u003eAsus ROG Ryujin III 360 Extreme ARGB AIO CPU Liquid Cooler - 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":47156283867389,"sku":null,"price":7999.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/DSC_3079.jpg?v=1769331183"},{"product_id":"intel-i5-14600kf-rtx-5060-white-rgb-aio","title":"INTEL i5 14600KF | RTX 5060 | White RGB 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\u003eIntel 14th Gen Core i5-14600KF 14 Cores 20Threads 5.3GHz 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\u003eMaxsun iCraft B760M WiFi DDR5 LGA 1700 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 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\u003eKINGBANK DDR5 6000MHz CL36 XMP 16G\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 KP160 1TB\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\u003cstrong\u003e\u003c\/strong\u003e\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\"\u003eZOTAC Gaming GeForce RTX 5060 Twin Edge OC GDDR7 8GB White\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\u003cstrong\u003eMatx Open view fish tank case - White\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 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\u003cstrong\u003e650W MSI PSU - MAG A650BNL WHITE\u003c\/strong\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\u003cstrong\u003eThermalright Frozen Infinity 240 AIO Liquid CPU Cooler - 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\"\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\" 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\"\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":47196818014461,"sku":null,"price":1949.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/qweqwe_10.jpg?v=1768796147"},{"product_id":"ryzen-5-9600x-rtx-5060-ti","title":"RYZEN 5 9600x | RTX 5060 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 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 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 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 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\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 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 5060 Ti 8G SHADOW 2X OC PLUS\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\"\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\u003cstrong\u003eADATA XPG Pylon II 650W 80+ Bronze Non-Modular ATX 3.1\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 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 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":47202863382781,"sku":null,"price":1999.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/5060ti_96.jpg?v=1771403054"},{"product_id":"ryzen-79800x3d-rtx-5070","title":"RYZEN 7 9800X3D | RTX 5070 Compact \/ portable 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 Core AM5 5.2GHz 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 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 B850M Gaming Plus WIFI AM5 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 32gb\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\"\u003eADATA Legend 860 1TB M.2 2280 NVMe PCIe 4.0 SSD\u003cbr\u003e\n\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\u003ePalit Infinity 3 GeForce RTX 5070 12GB GDDR7 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\"\u003ePortable Micro-ATX Case with Handle\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 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 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":47225163088125,"sku":null,"price":3099.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/DSC_3259.jpg?v=1771471532"},{"product_id":"ryzen-5-7500f-rtx-5070-gaming-pc","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\u003cdiv class=\"spec-value\"\u003eAMD Ryzen 5 7500F CPU Processor – 6 Core 12 Thread 5.0GHz Boost AM5\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\"\u003e\u003cstrong\u003eKlevv Fit V 32GB (2x16GB) 6000MHz CL30 DDR5 White\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 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\n\u003cdiv class=\"product__title\"\u003e\u003c\/div\u003e\n\u003cdiv role=\"status\" id=\"price-template--21466033422589__main\"\u003e\n\u003cdiv class=\"price price--large price--show-badge\"\u003e\n\u003cdiv class=\"price__container\"\u003e\n\u003cdiv class=\"price__regular\"\u003eKingbank KP130 1TB PCIe 3.0 3500\/3000 NVMe M.2 2280 SSD\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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\u003eZOTAC Gaming GeForce RTX 5070 Twin Edge OC GDDR7 12GB\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\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 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\u003e\u003cspan\u003eMSI MAG A750BN PCIE5 750W Power Supply\u003c\/span\u003e\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":47339381260541,"sku":null,"price":2399.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/4_1.jpg?v=1775557318"},{"product_id":"ryzen-7-9700x-rtx-5070-liquid-cooled-rgb-gaming-pc","title":"RYZEN 7 9700x | 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\"\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 9700X 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 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 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 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 16GB Black\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\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\"\u003ePalit Infinity 3 GeForce RTX 5070 12GB GDDR7 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 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\u003cdiv class=\"spec-value\"\u003eMSI MAG A750BN PCIE5 750 W Power Supply\u003cbr\u003e\n\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 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 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":47342996291837,"sku":null,"price":2299.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/DSC_3021_757e680b-0360-47c8-bd1a-7ea478509e1c.jpg?v=1768271923"},{"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":"Default Title","offer_id":47363544023293,"sku":null,"price":3399.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-7-7800x3d-amd-9070xt-gaming-pc","title":"Ryzen 7 7800x3D | AMD 9070XT | 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 7800X3D CPU Processor 8 Core 16 Thread 5.0GHz AM5 3D V-Cache\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 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 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\"\u003e\u003cstrong\u003eKlevv Fit V 32GB (2x16GB) 6000MHz CL30 DDR5 White\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 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\u003cstrong\u003eASUS PRIME Radeon RX 9070 XT 16G OC Edition GDDR6 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\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 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\u003eXPG PYLON 750W Power Supply bronze\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 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 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":47389102211325,"sku":null,"price":2699.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/DSC_3920.jpg?v=1776590096"},{"product_id":"ryzen-7-7800x3d-rtx-5070-gaming-pc","title":"RYZEN 7 7800X3D | 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 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 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 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 32gb(16*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\"\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\"\u003eZOTAC Gaming GeForce RTX 5070 Twin Edge OC GDDR7 12GB\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\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\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":47397431083261,"sku":null,"price":2599.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/DSC_3839_bb07aac7-a5e2-4f04-a3a1-e0f01720b38b.jpg?v=1776417401"},{"product_id":"ryzen5-5600-gt-and-32gb-ram-budget-gaming-pc","title":"RYZEN5 5600 GT and 32GB RAM Budget 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 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 5 5600GT 6 Cores 12 Threads 4.6GHz AM4 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\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 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\"\u003eKingbank KJXB 32GB (2x16GB) 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 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 C910 500GB PCIe 4.0 NVMe M.2 2280 SSD\u003cbr\u003e\n\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\"\u003eRADEON VEGA 7 (Integrated Graphics)\u003cbr\u003e\n\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 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 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 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 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\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":47512090509565,"sku":null,"price":999.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/DSC_4544.jpg?v=1780217642"},{"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":"Default Title","offer_id":47528339177725,"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-9600x-rtx-5070-white-gaming-pc","title":"RYZEN 5 9600X | RTX 5070 White 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 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 5 9600X CPU Processor – 6 Core 12 Thread 5.4GHz\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\"\u003e\u003cspan\u003eMSI B650M BOMBER WIFI AMD mATX Motherboard\u003c\/span\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\u003cspan\u003eKLEVV FIT V DDR5 6000MHz CL28 Desktop RAM - White 16gb\u003c\/span\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\u003cspan\u003eKLEVV CRAS C910G 1TB PCIe 4.0 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 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\"\u003eZOTAC Gaming GeForce RTX 5070 AMP GDDR7 12GB White\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 Open view fish tank case - White\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 750W ATX3.1 80+ White GOLD PSU (5YRS)\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 - 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 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 (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 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\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":47528352383229,"sku":null,"price":2299.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/DSC_4308.jpg?v=1778581577"},{"product_id":"rog-rtx-5090-astral-ryzen-7-9850x3d-ultimate-rgb-gaming-pc","title":"ROG RTX 5080 Astral | Ryzen 7 9850X3D | Ultimate RGB Gaming Pc","description":"\u003cp\u003e\u003c\/p\u003e","brand":"G-ONE Computer","offers":[{"title":"Normal","offer_id":47539896713469,"sku":null,"price":8799.0,"currency_code":"AUD","in_stock":true},{"title":"Reverse","offer_id":47539896746237,"sku":null,"price":8799.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/20263272389.webp?v=1778213564"},{"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":"Default Title","offer_id":47563960385789,"sku":null,"price":2199.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/1232.jpg?v=1768182433"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/collections\/Image_20250819133128.jpg?v=1755574306","url":"https:\/\/gonecomputer.com.au\/collections\/readt-to-go-pc.oembed","provider":"G-ONE Computer","version":"1.0","type":"link"}