INTEL i3 13100F | RTX 5050 | Budget Gaming PC

G-ONE Computer Verified independent store

→

/* ===== Ready-to-go PC: Eight Parts Cards + Compact Tooltips ===== */ .pc-specs{ --card-bg:#fff; --card-border:#e5e7eb; --icon-size:28px; --radius:12px; --gap:14px; --text:#111827 ; --muted:#6b7280; margin: 8px 0 18px 0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial, "Apple Color Emoji","Segoe UI Emoji"; color: var(--text); } .pc-specs .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; } .pc-specs-grid{ display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap); } @media (max-width: 640px){ .pc-specs-grid{ grid-template-columns: 1fr; } } .spec-item{ position: relative; display:flex; align-items:center; gap:12px; background: var(--card-bg); border:1px solid var(--card-border); border-radius: var(--radius); padding:12px 14px; box-shadow: 0 1px 2px rgba(0,0,0,.04); overflow: visible; /* 关键：允许 tooltip 溢出 */ } .spec-icon{ width: var(--icon-size); height: var(--icon-size); display:grid; place-items:center; border-radius: 10px; border:1px solid var(--card-border); background:#f9fafb; flex: 0 0 var(--icon-size); color:#374151; /* 改这里可统一图标颜色 */ cursor: help; position: relative; /* tooltip 定位参考 */ outline: none; overflow: visible; /* 关键：允许 tooltip 溢出 */ } .spec-icon svg{ width: 18px; height: 18px; display:block; } .spec-text{ line-height:1.25 } .spec-label{ font-size:12px; color: var(--muted); } .spec-value{ font-weight:600; font-size:14px; margin-top:2px; } /* ===== Compact Tooltip (two-line bubble) ===== */ .spec-icon[data-tip]::after, .spec-icon[data-tip]::before{ position: absolute; opacity: 0; pointer-events: none; transition: opacity .12s ease; } .spec-icon[data-tip]::after{ content: attr(data-tip); top: 50%; left: calc(100% + 10px); transform: translateY(-50%); /* 尺寸放大：可再调这两行 */ min-width: 220px; max-width: 360px; background: #111827; color: #fff; padding: 8px 10px; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.18); font-size: 12px; line-height: 1.4; z-index: 30; /* 关键：去掉省略号，允许正常换行 */ display: block; /* 覆盖 -webkit-box */ -webkit-line-clamp: unset; /* 取消行数限制 */ -webkit-box-orient: unset; overflow: visible; text-overflow: unset; white-space: normal; word-break: normal; overflow-wrap: anywhere; } /* 小箭头 */ .spec-icon[data-tip]::before{ content: ""; top: 50%; left: calc(100% + 4px); transform: translateY(-50%); border: 6px solid transparent; border-right-color: #111827; z-index: 29; } /* 显示时机：hover + keyboard focus */ .spec-icon[data-tip]:hover::after, .spec-icon[data-tip]:hover::before, .spec-icon[data-tip]:focus::after, .spec-icon[data-tip]:focus::before{ opacity: 1; } /* 窄屏：把气泡放到底部居中 */ @media (max-width: 640px){ .spec-icon[data-tip]::after{ left: 50%; top: calc(100% + 10px); transform: translate(-50%, 0); } .spec-icon[data-tip]::before{ left: 50%; top: 100%; transform: translate(-50%, 0); border: 6px solid transparent; border-top-color: #111827; } } /* 减少动画（无障碍） */ @media (prefers-reduced-motion: reduce){ .spec-icon[data-tip]::after, .spec-icon[data-tip]::before{ transition: none; } } Build Specs CPU Intel Core 13100F 4 Core LGA 1700 4.50GHz CPU Processor Motherboard MAXSUN Challenger H610M-H V1 WIFI Memory KingBank DDR4 16GB 3200MHz Storage KLEVV CRAS C910 500GB PCIe 4.0 NVMe M.2 2280 SSD Graphics MSI GeForce RTX 5050 SHADOW 2X OC 8GB Case Matx Open view fish tank case - Black Power Supply Thermalright 550W 80+ Bronze Certified ATX Power Supply TB550S Cooling Intel Standard Air Cooling Operating System Windows 11 (Installed, Not Activated) Warranty 3-Year Return-to-Base Warranty Show more