{"product_id":"ryzen-5-7500f-rtx-5070-gaming-pc","title":"Ryzen 5 7500F | RTX 5070 | Gaming PC","description":"\u003cstyle\u003e\n  \/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== *\/\n  .pc-specs{\n    --card-bg:#fff;\n    --card-border:#e5e7eb;\n    --icon-size:28px;\n    --radius:12px;\n    --gap:14px;\n    --text:#111827;\n    --muted:#6b7280;\n    margin: 8px 0 18px 0;\n    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n    color: var(--text);\n  }\n  .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }\n  .pc-specs-grid{\n    display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap);\n  }\n  @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } }\n\n  .spec-item{\n    position: relative;\n    display:flex; align-items:center; gap:12px;\n    background: var(--card-bg);\n    border:1px solid var(--card-border);\n    border-radius: var(--radius);\n    padding:12px 14px;\n    box-shadow: 0 1px 2px rgba(0,0,0,.04);\n    overflow: visible; \/* 关键：允许 tooltip 溢出 *\/\n  }\n  .spec-icon{\n    width: var(--icon-size); height: var(--icon-size);\n    display:grid; place-items:center;\n    border-radius: 10px;\n    border:1px solid var(--card-border);\n    background:#f9fafb;\n    flex: 0 0 var(--icon-size);\n    color:#374151;            \/* 改这里可统一图标颜色 *\/\n    cursor: help;\n    position: relative;       \/* tooltip 定位参考 *\/\n    outline: none;\n    overflow: visible;        \/* 关键：允许 tooltip 溢出 *\/\n  }\n  .spec-icon svg{ width: 18px; height: 18px; display:block; }\n  .spec-text{ line-height:1.25 }\n  .spec-label{ font-size:12px; color: var(--muted); }\n  .spec-value{ font-weight:600; font-size:14px; margin-top:2px; }\n\n  \/* ===== Compact Tooltip (two-line bubble) ===== *\/\n  .spec-icon[data-tip]::after,\n  .spec-icon[data-tip]::before{\n    position: absolute;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity .12s ease;\n  }\n  .spec-icon[data-tip]::after{\n    content: attr(data-tip);\n    top: 50%;\n    left: calc(100% + 10px);\n    transform: translateY(-50%);\n\n    \/* 尺寸放大：可再调这两行 *\/\n    min-width: 220px;\n    max-width: 360px;\n\n    background: #111827;\n    color: #fff;\n    padding: 8px 10px;\n    border-radius: 8px;\n    box-shadow: 0 8px 24px rgba(0,0,0,.18);\n    font-size: 12px; line-height: 1.4;\n    z-index: 30;\n\n    \/* 关键：去掉省略号，允许正常换行 *\/\n    display: block;                 \/* 覆盖 -webkit-box *\/\n    -webkit-line-clamp: unset;      \/* 取消行数限制 *\/\n    -webkit-box-orient: unset;\n    overflow: visible;\n    text-overflow: unset;\n    white-space: normal;\n    word-break: normal;\n    overflow-wrap: anywhere;\n  }\n  \/* 小箭头 *\/\n  .spec-icon[data-tip]::before{\n    content: \"\";\n    top: 50%;\n    left: calc(100% + 4px);\n    transform: translateY(-50%);\n    border: 6px solid transparent;\n    border-right-color: #111827;\n    z-index: 29;\n  }\n  \/* 显示时机：hover + keyboard focus *\/\n  .spec-icon[data-tip]:hover::after,\n  .spec-icon[data-tip]:hover::before,\n  .spec-icon[data-tip]:focus::after,\n  .spec-icon[data-tip]:focus::before{\n    opacity: 1;\n  }\n\n  \/* 窄屏：把气泡放到底部居中 *\/\n  @media (max-width: 640px){\n    .spec-icon[data-tip]::after{\n      left: 50%;\n      top: calc(100% + 10px);\n      transform: translate(-50%, 0);\n    }\n    .spec-icon[data-tip]::before{\n      left: 50%;\n      top: 100%;\n      transform: translate(-50%, 0);\n      border: 6px solid transparent;\n      border-top-color: #111827;\n    }\n  }\n\n  \/* 减少动画（无障碍） *\/\n  @media (prefers-reduced-motion: reduce){\n    .spec-icon[data-tip]::after,\n    .spec-icon[data-tip]::before{ transition: none; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"pc-specs\"\u003e\n\u003cdiv class=\"title\"\u003eBuild Specs\u003c\/div\u003e\n\u003cdiv class=\"pc-specs-grid\"\u003e\n\u003c!-- 1) CPU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv 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 CPU Processor – 6 Core 12 Thread 5.0GHz Boost AM5\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2) Motherboard --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv 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\"\u003e\u003cstrong\u003eKlevv Fit V 32GB (2x16GB) 6000MHz CL30 DDR5 White\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4) Storage \/ NVMe --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv 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\u003eZOTAC Gaming GeForce RTX 5070 Twin Edge OC GDDR7 12GB\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6) Case --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Affects airflow, size and style; mATX stays compact yet capable.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- Case icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003crect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n          \u003crect x=\"8.5\" y=\"6\" width=\"7\" height=\"3\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n          \u003ccircle cx=\"12\" cy=\"17\" r=\"1\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003eCase\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\n\u003cspan\u003eMatx Open view fish tank case - Black\u003c\/span\u003e with 3 fans\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7) Power Supply \/ PSU --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\" data-tip=\"Stable power for all parts; headroom helps reliability and upgrades.\" aria-hidden=\"true\" tabindex=\"0\"\u003e\n\u003c!-- PSU icon --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n          \u003ccircle cx=\"9\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n          \u003crect x=\"16\" y=\"10\" width=\"2.5\" height=\"4\" rx=\"0.5\"\u003e\u003c\/rect\u003e\n        \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePower Supply\u003c\/div\u003e\n\u003cstrong\u003e\u003cspan\u003eMSI MAG A750BN PCIE5 750W Power Supply\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8) Cooling --\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv 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":47339381260541,"sku":null,"price":2399.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4992\/3837\/files\/4_1.jpg?v=1775557318","url":"https:\/\/gonecomputer.com.au\/products\/ryzen-5-7500f-rtx-5070-gaming-pc","provider":"G-ONE Computer","version":"1.0","type":"link"}