🎮

创建账号

注册后即可购买游戏激活码

已有账号？直接登录 →
显示
显示
注册即表示同意本站服务条款
本站仅提供游戏激活码服务，与 Valve / Steam 无关联
← 返回首页
*{box-sizing:border-box;margin:0;padding:0} body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);color:#e8e8e8;min-height:100vh; display:flex;align-items:center;justify-content:center;padding:20px} .card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1); border-radius:16px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,.4)} h1{font-size:24px;margin-bottom:8px;background:linear-gradient(90deg,#4facfe,#00f2fe); -webkit-background-clip:text;-webkit-text-fill-color:transparent} .sub{color:#8892a6;font-size:13px;margin-bottom:28px} label{display:block;font-size:13px;color:#8892a6;margin-bottom:6px} input{width:100%;padding:12px 14px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1); border-radius:8px;color:#e8e8e8;font-size:14px;margin-bottom:16px;outline:none;transition:.2s} input:focus{border-color:#4facfe;background:rgba(0,0,0,.5)} button{width:100%;padding:13px;background:linear-gradient(90deg,#4facfe,#00f2fe);border:none; border-radius:8px;color:#0a0a1a;font-size:15px;font-weight:600;cursor:pointer;transition:.2s} button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(79,172,254,.3)} button:disabled{opacity:.5;cursor:not-allowed;transform:none} .msg{padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px;display:none} .msg.err{background:rgba(255,71,87,.15);border:1px solid rgba(255,71,87,.3);color:#ff4757;display:block} .msg.ok{background:rgba(46,213,115,.15);border:1px solid rgba(46,213,115,.3);color:#2ed573;display:block} .link{text-align:center;margin-top:18px;font-size:13px;color:#8892a6} .link a{color:#4facfe;text-decoration:none} .link a:hover{text-decoration:underline} .row{display:flex;gap:10px} .row>*{flex:1} /* MOBILE-FIX mobile adaption 2026-10-11 */ body, .box, .card, .tab, td, th, p, div, span, label { word-break: keep-all; overflow-wrap: break-word; -webkit-hyphens: none; hyphens: none; } .tabs, .sc-tabs { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; white-space: nowrap; gap: 6px; padding-bottom: 2px; } .tabs::-webkit-scrollbar, .sc-tabs::-webkit-scrollbar { display: none; } .tab, .sc-tab { flex: 0 0 auto !important; white-space: nowrap; } .box table, .card table, table { min-width: 100%; border-collapse: collapse; } th, td { white-space: nowrap; } td.wrap, .wrap-cell { white-space: normal; word-break: keep-all; } @media (max-width: 860px) { body { font-size: 13.5px; } .top, .sc-top { flex-wrap: wrap !important; gap: 8px; padding: 10px 12px !important; height: auto !important; min-height: 56px; } .top h1, .sc-logo { font-size: 17px !important; width: 100%; margin-bottom: 4px; } .pill, .sc-pill { font-size: 12px !important; padding: 4px 9px !important; flex: 0 0 auto; } .top > div, .sc-top > div { flex-wrap: wrap !important; } .content, main, .wrap { padding: 12px !important; } .card, .box { padding: 14px !important; border-radius: 10px; } h3 { font-size: 15.5px !important; } .tabs, .sc-tabs { margin-bottom: 14px; padding: 5px !important; } .tab, .sc-tab { padding: 7px 13px !important; font-size: 13px !important; } table { font-size: 12.5px; display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } th, td { padding: 9px 8px !important; } .row { flex-direction: column !important; align-items: stretch !important; gap: 9px; } .row > * { width: 100% !important; max-width: 100% !important; } .lbl { padding-top: 0 !important; min-width: 0 !important; } input, select, textarea, .sc-input, .sc-select { width: 100% !important; } .btn, .sc-btn { min-height: 42px; font-size: 14px; } [style*="grid-template-columns"] { grid-template-columns: 1fr !important; } } @media (max-width: 480px) { body { font-size: 13px; } .card, .box { padding: 12px !important; } .tab, .sc-tab { padding: 6px 11px !important; font-size: 12.5px !important; } h3 { font-size: 15px !important; } .pill, .sc-pill { font-size: 11.5px !important; padding: 3px 8px !important; } table { font-size: 12px; } th, td { padding: 8px 6px !important; } } @media (hover: none) and (pointer: coarse) { .btn:hover, .sc-btn:hover, .tab:hover { transform: none !important; } .tab, .btn { -webkit-tap-highlight-color: rgba(0,0,0,.06); } } /* ══════════════════════════════════════════════════════ MOBILE-V3 手机端修复（真实类名版）2026-10-12 ══════════════════════════════════════════════════════ */ /* ── 1. 顶栏 .nav ── */ @media (max-width: 860px) { .nav { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 7px 10px !important; padding: 11px 13px !important; height: auto !important; min-height: 56px; } /* 标题独占一行 */ .nav h1 { flex: 0 0 100% !important; width: 100% !important; font-size: 16.5px !important; margin-bottom: 2px !important; line-height: 1.3; } /* 右侧内容整体换行 */ .nav .right { flex: 1 1 100% !important; width: 100% !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px 8px !important; } /* 用户名 */ .nav .right > span:first-child { font-size: 12.5px !important; flex: 0 0 auto; } /* 余额胶囊：紧凑不换行 */ .nav .bal { font-size: 11.5px !important; padding: 4px 9px !important; flex: 0 0 auto; white-space: nowrap; } /* 操作链接 */ .nav .right > a { font-size: 12.5px !important; padding: 3px 0 !important; white-space: nowrap; } } /* ── 2. Tab 栏：可滑动 + 右渐隐提示 ── */ .tabs { position: relative; display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; scroll-behavior: smooth; padding-right: 30px !important; } .tabs::-webkit-scrollbar { display: none; } .tab { flex: 0 0 auto !important; white-space: nowrap; } /* 用 .wrap 做相对定位容器，右侧加渐隐 */ @media (max-width: 860px) { .wrap { position: relative; } .wrap > .tabs { position: relative; } .wrap > .tabs::after { content: ''; position: absolute; top: 1px; right: 1px; bottom: 1px; width: 32px; pointer-events: none; border-radius: 0 var(--r-lg) var(--r-lg) 0; background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.97)); } } /* ── 3. 手机端通用 ── */ @media (max-width: 860px) { body { font-size: 13.5px; } .wrap { padding: 13px !important; } /* 卡片 */ .box { padding: 14px !important; } .card { padding: 13px !important; } h3 { font-size: 15.5px !important; } .box h3 { margin-bottom: 12px !important; } /* 统计卡 */ .stat { min-width: 92px !important; padding: 11px 13px !important; margin: 0 7px 7px 0 !important; } .stat .v { font-size: 17px !important; } /* 表格：横向滚动 */ .box table, .card table { display: block !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; font-size: 12.5px; } th, td { padding: 9px 9px !important; } /* 表单行 → 竖排 */ .row { flex-direction: column !important; align-items: stretch !important; gap: 8px !important; } .row > * { width: 100% !important; max-width: 100% !important; } .lbl { min-width: 0 !important; padding-top: 0 !important; } input, select, textarea { width: 100% !important; } /* 按钮触达 */ .btn { min-height: 42px !important; } /* 说明区块 */ .sec { padding: 13px !important; font-size: 12.5px !important; line-height: 1.9 !important; } /* 价格行换行 */ #priceInfo, .price-row { font-size: 12.5px !important; line-height: 1.95 !important; } /* 防止任何元素溢出 */ .box, .card, .panel, .wrap { max-width: 100% !important; overflow-x: hidden; } img, table, pre { max-width: 100% !important; } pre, code { word-break: break-all; white-space: pre-wrap; } /* 网格单列 */ [style*="grid-template-columns"] { grid-template-columns: 1fr !important; } } /* ── 4. 小屏 ≤400px ── */ @media (max-width: 400px) { .nav h1 { font-size: 15.5px !important; } .nav .bal { font-size: 11px !important; padding: 3px 8px !important; } .nav .right > a { font-size: 12px !important; } .tab { padding: 6px 11px !important; font-size: 12.5px !important; } .box { padding: 12px !important; } .box h3 { font-size: 15px !important; } h3 { font-size: 15px !important; } .stat { min-width: 84px !important; padding: 10px 11px !important; } .stat .v { font-size: 16px !important; } th, td { padding: 8px 7px !important; font-size: 12px; } } /* ── 5. 触屏 ── */ @media (hover: none) and (pointer: coarse) { .btn:hover, .tab:hover, .card:hover, .stat:hover { transform: none !important; } .tab, .btn, a, code { -webkit-tap-highlight-color: rgba(6,111,209,.08); } } /* ══════════════════════════════════════════════════════ MOBILE-V5 Tab 渐隐 + 顶栏重排 2026-10-12 ══════════════════════════════════════════════════════ */ .tabs-wrap { position: relative; } /* 渐隐遮罩：放在 .tabs 外层，不会被裁剪 */ .tabs-wrap::after { content: ''; position: absolute; top: 1px; right: 1px; bottom: 1px; width: 38px; pointer-events: none; border-radius: 0 var(--r-lg) var(--r-lg) 0; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.85) 55%, rgba(255,255,255,1) 100%); opacity: 0; transition: opacity .22s; } /* JS 控制：滚到最右时隐藏 */ .tabs-wrap.at-end::after { opacity: 0 !important; } .tabs-wrap::after { opacity: 1; } /* 顶栏紧凑 */ @media (max-width: 860px) { .nav { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px 9px !important; padding: 10px 13px !important; height: auto !important; } .nav h1 { flex: 0 0 100% !important; font-size: 16px !important; margin: 0 0 3px 0 !important; } .nav .right { flex: 1 1 100% !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 5px 7px !important; } .nav .bal { font-size: 11px !important; padding: 3px 8px !important; flex: 0 0 auto; } .nav .right > a { font-size: 12px !important; white-space: nowrap; } } @media (max-width: 400px) { .nav h1 { font-size: 15.5px !important; } .nav .bal { font-size: 10.5px !important; padding: 3px 7px !important; } .nav .right > a { font-size: 11.5px !important; } .nav .right > span:first-child { font-size: 11.5px !important; } }

注册账号

注册后即可购买卡密
已有账号？去登录