{"title":"Black Friday 2025","description":"\u003cp\u003eBlack Friday 2025\u003c\/p\u003e","products":[{"product_id":"benq-zowie-xl2566x-24-1-fhd-tn-400hz-dyac-2-esports-gaming-monitor","title":"BenQ ZOWIE XL2566X+ 24.1\" FHD TN 400Hz DyAc 2 Esports Gaming Monitor","description":"\u003cul\u003e\n\u003cli\u003e\u003ca href=\"https:\/\/zowie.benq.com\/en-ap\/campaign\/what-is-dyac.html\" target=\"_blank\"\u003eNew DyAc 2 Technology\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"https:\/\/zowie.benq.com\/en-ap\/campaign\/xl-setting-to-share.html\" target=\"_blank\"\u003eAuto Game Mode by XL Setting to Share™\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003eNew height adjustment powered by industrial-grade bearing design\u003c\/li\u003e\n\u003cli\u003eBlack eQualizer; Color Vibrance; S Switch; Shielding Hood\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"wy","offers":[{"title":"Default Title","offer_id":46377392865533,"sku":null,"price":1099.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/image_25.jpg?v=1750589092"},{"product_id":"msi-geforce-rtx-5090-32g-suprim-soc","title":"MSI GeForce RTX 5090 32G SUPRIM SOC","description":"\u003cdiv class=\"prod_top\"\u003e\n\u003cdiv class=\"prod_top\"\u003e\n\u003cp\u003eElevate your gaming experience with the MSI GeForce RTX 5090 32GB SUPRIM SOC GDDR7 Graphics Card. Powered by NVIDIA's Blackwell architecture and DLSS 4, enjoy extreme performance with clock speeds reaching up to 2580 MHz. Featuring HYPER FROZR thermal design, advanced vapor chambers, and dual BIOS options, this card ensures optimal cooling and quiet operation. Monitor and optimize your setup in real-time with MSI Center and Afterburner. Fast dispatch and local stock ensure swift delivery.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prod_container clearfix\"\u003e\n\u003cdiv class=\"prod_left\"\u003e\n\u003cdiv class=\"prod_sales_points\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"MSI","offers":[{"title":"Default Title","offer_id":46390038888701,"sku":null,"price":6799.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/qfqf_6b9c51b1-710e-4868-a3c2-e7d18978e81b.jpg?v=1750913566"},{"product_id":"autofull-hbada-p2-pro-ergonomic-chair","title":"Autofull HBADA P2 Pro+ ergonomic chair - Silver (E216WVD)","description":"\u003cp\u003e\u003cspan\u003eThe AutoFull Hbada P2 Pro+ ergonomic chair is designed for long hours of sitting, offering exceptional comfort and support. Featuring a 4D adjustable lumbar support and 6-directional armrests, it perfectly aligns with your body, reducing pressure on the spine. The breathable mesh backrest and high-density foam seat cushion ensure ventilation and comfort, even during summer.\u003c\/span\u003e\u003c\/p\u003e","brand":"icraft","offers":[{"title":"Default Title","offer_id":46447576383741,"sku":null,"price":399.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/13_acb3d555-052a-4490-ad9b-10916e98bc96.png?v=1778207284"},{"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":"icraft-peak-office-desk-height-adjustable-electric-stand-gaming-desk-160mm-60mm-ic-elt-160-whitewhite","title":"iCraft Peak Office Desk Height Adjustable Electric Stand Gaming Desk 160mm*60mm","description":"\u003cp\u003e\u003c\/p\u003e","brand":"icraft","offers":[{"title":"wooden","offer_id":46447548989693,"sku":"IC-ELT-160-WHITE-2","price":399.0,"currency_code":"AUD","in_stock":true},{"title":"white","offer_id":47310940635389,"sku":null,"price":399.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/White.png?v=1752222749"},{"product_id":"icraft-peak-office-desk-height-adjustable-electric-stand-gaming-desk-140mm-60mm-ic-elt-140-whitewhite","title":"iCraft Peak Office Desk Height Adjustable Electric Stand Gaming Desk 140mm*60mm","description":"\u003cp\u003e\u003c\/p\u003e","brand":"icraft","offers":[{"title":"white","offer_id":46447526117629,"sku":"IC-ELT-140-WHITE-1","price":399.0,"currency_code":"AUD","in_stock":true},{"title":"wooden","offer_id":46447526150397,"sku":"IC-ELT-140-WHITE-2","price":399.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/White_2c44c677-106b-4f0c-b42f-91a488f93b7a.png?v=1752222752"},{"product_id":"msi-geforce-rtx-5070-12g-shadow-2x-oc-12gb","title":"MSI GeForce RTX 5070 12G Shadow 2X OC Graphics Card","description":"\u003cdiv class=\"prod_top\"\u003e\n\u003cp\u003eEnhance your gaming experience with the MSI GeForce RTX 5070 12G SHADOW 2X OC Graphics Card. Featuring NVIDIA's Blackwell architecture and DLSS 4, this powerful card boasts a core clock speed of 2557 MHz for extreme performance. Its advanced TORX Fan 5.0 system ensures high-pressure airflow, while the nickel-plated copper baseplate and square design core pipes optimize thermal management. Fast dispatch and delivery ensure you get your local stock quickly. Upgrade your setup today!\u003c\/p\u003e\n\u003c\/div\u003e","brand":"G-ONE Computer","offers":[{"title":"Default Title","offer_id":46614424256765,"sku":null,"price":1039.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/Untitled_51.png?v=1757309007"},{"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":"autofull-c3pro-gaming-chair-with-3d-headrest-advanced-lumbar-support-snow-white-bear-edition","title":"AutoFull C3 Pro Gaming Chair - Snow White Bear edition (AFC306WSSF)","description":"\u003cp\u003e\u003c\/p\u003e","brand":"G-ONE Computer","offers":[{"title":"Default Title","offer_id":46758230851837,"sku":null,"price":599.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/Untitled-2025-10-20T165312.243.png?v=1760939597"},{"product_id":"autofull-c3-whirlwind-e-sport-gaming-chair-with-built-in-lumbar-support-af301bssawhite-electric-purple","title":"AutoFull C3 Whirlwind Gaming Chair - White \u0026 Purple (AFC306WSSF)","description":"\u003cp\u003e\u003c\/p\u003e","brand":"G-ONE Computer","offers":[{"title":"Default Title","offer_id":46758754058493,"sku":null,"price":499.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/1_08785cb9-5541-4bd4-b8f1-ba6ab881e360.png?v=1779278214"},{"product_id":"autofull-c3-graffiti-gaming-chair-with-built-in-lumbar-support-af111bssablack-purple","title":"AutoFull C3 Graffiti Gaming Chair - Black \u0026 Purple (AF111BSSC)","description":"\u003cp\u003e\u003c\/p\u003e","brand":"icraft","offers":[{"title":"Default Title","offer_id":46758844694781,"sku":null,"price":499.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/Untitled_16_7e681f37-9211-4b3d-9199-477e714c6989.png?v=1760968565"},{"product_id":"autofull-m6-pro-ventilation-heating-gaming-chair-with-leg-rest","title":"AutoFull M6 2.0 Pro Gaming Chair (AFM604BMSA)","description":"\u003cp\u003e\u003c\/p\u003e","brand":"icraft","offers":[{"title":"Default Title","offer_id":46809875874045,"sku":null,"price":1199.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/Untitled-May20_2026at21.58.17.png?v=1779278605"},{"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":"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-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":"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":"雪兔","title":"AutoFull C2 Pink Bunny Gaming Chair Cute Kawaii Gamer Chair","description":"\u003cul\u003e\n\u003cli\u003e\u003cspan\u003eChair Design Inspiration: AutoFull grows up with innovating and evolving spirits.Brighe colors and bunny ear empower this chair with cute and fashion.It is easy for young people to find spiritual resonance here-express yourself freely.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eBunny Ear Design: This bunny ear headband has a cute design and is made of plush fabric, with a combination of pink and white to make the bunny ear more kawaii, and the cute ears can be adjusted at any angle. Express your mood anytime.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eHigh Quality Material:On the cushions used 4.33in High-density native shaped sponge endows the chair with high resilience.On the cushions headrests,and lumbar pullows, High quality PU leather is used to make players more comfortable to sit and touch.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eMultifunctional Adjustment: 2D armrests lift function allows you to put the chair under the table,and the rotation function can adapt to differrnt postures . The 155° tilt functiong of the gaming chair combined with the assistance of the 25° rocking function,can make gamers feel comfortable and relax.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eEasy to Install: Follow the gaming chair instruction, you'll found it easy to set up, and estimated assembly time in about 10-15mins. Free parts replacement within 3 years.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"G-ONE Computer","offers":[{"title":"Default Title","offer_id":47294033887485,"sku":null,"price":599.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/Untitled-2026-03-16T130908.897.png?v=1773626961"},{"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-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"}],"url":"https:\/\/gonecomputer.com.au\/collections\/black-friday-2025.oembed","provider":"G-ONE Computer","version":"1.0","type":"link"}