*{box-sizing:border-box}
body{
margin:0;background:var(--bg);color:var(--text);
font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;
}
a{color:inherit;text-decoration:none}
.n,.num{font-family:var(--num);font-variant-numeric:tabular-nums;letter-spacing:-.2px}
.muted,.dim{color:var(--dim)}
.dim2{color:var(--dim2)}
/* 小号英文 kicker —— 层次靠排版,不靠特效 */
.kick{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim2);font-weight:600}
/* 顶栏:平的。无毛玻璃、无阴影、无渐变 */
header.top{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;gap:24px;height:58px}
/* ★ 2026-10-11 改(用户明确要求 ✓):导航栏/页脚那处 logo 原来是个**自画的方框 + 汉字「炼」** ✗
(22px 框 + 11px 字 ⇒ 复杂汉字糊成一团、远看就是个脏方块 ✗ 用户报「像没有图标」✓)。
⇒ 现在**直接用软件自己的图标** ✓:复用 '/favicon.png' ✓ ——
它与客户端 'packages/client/build/icon.png' 是**同一张**(都是 17216 字节 ✓ 实测吻合 ✓),
而且浏览器早就缓存了这一张 ⇒ 不额外增加请求 ✓。同一条规则管着顶部导航与页脚两处 ✓ 一起变 ✓。
⚠️ 别再退回"用汉字当图标"的写法 ✗(字体渲染不稳、还得靠加大字号才勉强能看 ✗)。 */
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14.5px;letter-spacing:.2px}
.logo img{width:30px;height:30px;border-radius:7px;display:block;flex:none}
.brand{display:flex;flex-direction:column;line-height:1.15}
.brand b{font-size:14.5px}
.brand span{font-size:11px;color:var(--dim2)}
nav.menu{margin-left:6px;display:flex;gap:20px;font-size:13.5px;color:var(--dim)}
nav.menu a:hover{color:var(--text)}
.top-right{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--dim)}
/* 按钮:实心,无渐变、无发光 */
.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:7px;font-size:13.5px;
font-weight:600;border:1px solid var(--line-2);background:var(--panel);color:var(--text);cursor:pointer;transition:border-color .14s ease}
.btn:hover{border-color:#3a4454}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#06121f}
.btn.primary:hover{background:#5f9bff;border-color:#5f9bff}
.btn.ghost{background:transparent}
.btn.lg{padding:11px 20px;font-size:14.5px;border-radius:8px}
/* 页脚外壳 */
footer.site{margin-top:60px;border-top:1px solid var(--line);padding:30px 0 40px;font-size:13px;color:var(--dim2)}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px}
footer.site h4{margin:0 0 10px;font-size:12px;color:var(--dim);font-weight:600;letter-spacing:.04em}
footer.site a{display:block;padding:3px 0}
footer.site a:hover{color:var(--text)}
.fcopy{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
/* 窄屏隐藏次要元素(排行页顶栏把"数据年龄/返回官网"收起来) */
@media(max-width:780px){ .fgrid{grid-template-columns:1fr 1fr} nav.menu{display:none} .hide-sm{display:none} }
/* ── 浅色下需要单独处理的几处(不是简单反色)──
1) 实心按钮:深色版是「亮蓝底 + 深字」,浅色版 accent 变深 ⇒ 文字必须转白,否则不可读 ✗
2) st 徽章 / stale 警示条:深色版用的深底亮字,浅色下要反过来
3) 截图:浅色页面上深色产品图会"浮着",补一层极浅描边 */
:root[data-theme=light] .btn.primary,
:root[data-theme=light] .seg button.active,
:root[data-theme=light] .banner button{ color:#fff }
:root[data-theme=light] .badge.st{ background:rgba(168,106,18,.10); border-color:rgba(168,106,18,.28) }
:root[data-theme=light] .stale-warn{ border-color:#e8d3a8; background:#fdf6e8; color:#7a5410 }
:root[data-theme=light] .stale-warn b{ color:#5c3f0a }
:root[data-theme=light] .shot{ border-color:var(--line-2); box-shadow:0 1px 2px rgba(15,20,27,.06) }
/* 顶栏账号入口 + 登录/注册弹窗(2026-10-11 加)——
起因(用户真机实测报的 ✗):首页写着「新注册送 8 天试用」,却**没有任何注册入口** ✗;
而唯一的注册入口藏在排行页筛选栏那一行里([账号][密码][登录][注册] 挤在一起,
报错「请输入账号」也挤在同一行 ✗)⇒ 用户以为「必须先下软件才能注册」✗。
改成通行做法:**右上角一个入口 + 弹窗里分「登录 / 注册」两个页签** ✓(顶栏五页共用 ✓)。 */
.acct{display:flex;align-items:center;gap:10px}
.acct-btn{border:1px solid var(--line-2);background:var(--panel);color:var(--text);border-radius:7px;
padding:6px 14px;font-size:13px;cursor:pointer;font-family:inherit;white-space:nowrap}
.acct-btn:hover{border-color:var(--accent);color:var(--accent)}
.acct-btn.ghostbtn{border-color:transparent;background:none;color:var(--dim2);padding:6px 8px}
.acct-name{color:var(--dim);font-size:12.5px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-mask{position:fixed;inset:0;background:rgba(4,6,10,.62);display:flex;align-items:center;
justify-content:center;z-index:99;padding:16px}
.acct-mask[hidden]{display:none}
.acct-box{width:min(390px,100%);background:var(--panel);border:1px solid var(--line-2);border-radius:14px;
padding:22px;position:relative;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.acct-x{position:absolute;right:12px;top:8px;border:0;background:none;color:var(--dim2);font-size:22px;
cursor:pointer;line-height:1;font-family:inherit}
.acct-tabs{display:flex;gap:6px;margin-bottom:16px}
.acct-tabs button{flex:1;padding:9px 0;border-radius:8px;border:1px solid var(--line-2);background:none;
color:var(--dim);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}
.acct-tabs button.on{border-color:var(--accent);color:var(--accent);background:rgba(245,183,49,.08)}
.acct-box input{width:100%;margin-bottom:10px;padding:11px 12px;border-radius:8px;border:1px solid var(--line-2);
background:var(--bg);color:var(--text);font-size:14px;font-family:inherit}
.acct-go{width:100%;margin-top:4px;padding:12px 0;border:0;border-radius:9px;cursor:pointer;font-family:inherit;
font-size:15px;font-weight:700;color:#231a04;background:linear-gradient(135deg,#f5b731,#d98a0c)}
.acct-go[disabled]{opacity:.6;cursor:default}
.acct-tip{color:var(--dim2);font-size:12.5px;line-height:1.65;margin:0 0 14px}
.acct-msg{min-height:18px;margin:10px 0 0;font-size:12.5px;color:var(--dim)}
.acct-msg.ok{color:#4ade80}
.acct-msg.bad{color:#f87171}
.acct-state{margin:2px 0 0;font-size:12px;color:var(--dim2)}
← 全部文章
ECOSTEAM / C5 / BUFF 三平台炼金材料比价:手续费、到货与风险
2026年10月27日 · CS2 炼金台编辑部
同一件材料,在三个平台可能有三个价格;"标价最低"不等于"到手最便宜"。这篇讲清楚三平台怎么比、各有什么坑。
一、先统一口径:比「到手价」而不是标价
比价前先把三件事对齐:
- 磨损:同一皮肤不同 float 价格差很大,必须按同一磨损区间比;
- 手续费/服务费:卖出时会扣,买入时也可能有支付通道差异;
- 到货时间:Steam 交易保护、卖家发货速度不同,赶时间开炉的要把等待算进成本。
二、三个平台的特点
- BUFF:挂单量通常最大,磨损筛选细,容易找到贴合目标 float 的件;缺点是网页/接口有频控,自动采集和自动购买都更慢,通常需要手动下单或配合客户端辅助。
- C5GAME:有网页一键购买流程,部分品类价格有优势;缺点是有风控/验证码、余额与支付方式限制,页面结构变化会导致自动购买失败(本站客户端已针对"按行定位购买按钮 + 真实点击 + 失败记忆"做处理)。
- ECOSTEAM:API 下单相对稳定、可直接用接口完成购买;价格通常略高一点,适合追求效率和可自动化的场景。
三、跨平台凑一炉的现实问题
一炉 10 件材料可以来自不同平台,但要注意:不同平台买的货会发到同一个 Steam 收货账号,到货时间不同;如果某件延迟,整炉就开不了。建议保留一个"到货进度"清单,缺件时用补料功能只补缺的那几件,而不是整炉重买。
四、自动购买的常见失败与规避
- 最低价挂单被抢:看到价格到下单之间可能已经没了,失败后不要死磕同一件;
- C5 风控/验证码:触发后需要人工验证,硬重试只会更糟;
- 余额不足/支付失败:下单前先确认余额;
- 页面改版导致按钮点不中:优先用"指定挂单 ID + 定位所在行"的方式,而不是点页面第一个购买按钮。
五、工具怎么帮你
本站把三平台挂单拉齐后,按每件材料的真实可买挂单计算实买成本,并在 配方排行 标出每件材料的平台来源;客户端支持自动精算与部分平台自动购买,并在失败后跳过反复买不到的同款挂单。
常见问题
三个平台哪家最便宜?
没有固定答案,同一件材料不同时间的价差可能很大,必须按当前挂单和到手价实时比较。
跨平台买材料会不会更容易失败?
会多一些不确定性(到货时间、支付方式不同),建议按缺口补料、保留到货进度,而不是每次都整炉重买。
自动购买失败几次应该放弃?
同一件挂单连续失败通常说明它已不可售或平台限制,继续重试没有意义;应换同类材料或换平台。
→ 看当前配方排行 · → 用汰换计算器算一炉 · → 下载客户端