/* ===== V3 FPS监控 ===== */ /* ===== 皮肤商店 / 主菜单按钮并排 ===== */ .gold-tag{display:flex!important;align-items:center;gap:10px;flex-wrap:nowrap;max-width:min(92vw,420px);justify-content:flex-end} .gold-tag .coin-sep{width:1px;height:14px;background:rgba(255,255,255,.18);flex:0 0 auto} .gold-tag .boss-coin{color:#e0c8ff;white-space:nowrap} /* 七罪 + 皮肤：强制同一行并排 */ .menu-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px;justify-content:center;align-items:center;width:auto;max-width:94vw;margin:4px 0 2px} .menu-row .menu-btn.small{ width:auto!important;min-width:0!important;max-width:none!important; flex:0 0 auto;margin:0!important;padding:8px 14px!important;font-size:12px!important; white-space:nowrap; } #skinScreen{justify-content:flex-start!important;padding-top:18px!important;overflow-y:auto!important} #skinScreen .title{font-size:22px!important;margin-bottom:2px} #skinScreen .subtitle{margin-bottom:6px} .skin-shop-wrap{width:min(640px,94vw);display:flex;flex-direction:column;align-items:center;flex:0 0 auto} .skin-hero{position:relative;width:min(200px,46vw);height:110px;margin:4px 0 8px;border-radius:14px;background:radial-gradient(circle at 50% 40%,rgba(40,48,70,.95),rgba(10,12,18,.98));border:1px solid rgba(255,232,170,.22);box-shadow:0 10px 24px rgba(0,0,0,.35);overflow:hidden;flex:0 0 auto} .skin-hero canvas{width:100%!important;height:100%!important;display:block;max-width:100%;max-height:100%} .skin-hero-label{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:12px;font-weight:800;color:#ffe9a8;text-shadow:0 2px 8px #000;pointer-events:none;z-index:2} .skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;width:min(640px,94vw);max-height:min(48vh,380px);overflow-y:auto;padding:6px 4px 12px;box-sizing:border-box} .skin-card{ position:relative;display:flex;flex-direction:column;align-items:center; padding:12px 8px 8px;border-radius:16px; background:linear-gradient(165deg,rgba(38,44,62,.98),rgba(14,17,26,.98)); border:1.5px solid rgba(255,232,170,.22); box-shadow:0 8px 18px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.06); cursor:pointer;text-align:center;transition:.18s;min-height:128px; box-sizing:border-box; } .skin-card:hover{transform:translateY(-3px);border-color:rgba(255,232,170,.55);box-shadow:0 12px 24px rgba(0,0,0,.35),0 0 16px rgba(232,196,106,.12)} .skin-card.selected{border-color:#ffe9a8;box-shadow:0 0 0 1px rgba(255,233,168,.25),0 0 20px rgba(232,196,106,.22)} .skin-card.previewing{border-color:#64e8ff!important;box-shadow:0 0 0 1px rgba(100,232,255,.2),0 0 18px rgba(100,232,255,.28)!important} .skin-card.locked{opacity:.82} .skin-preview{ width:56px;height:56px;margin:2px auto 8px;border-radius:50%;position:relative; display:flex;align-items:center;justify-content:center; border:1px solid rgba(255,255,255,.12); box-shadow:inset 0 0 12px rgba(0,0,0,.25); } .skin-preview>i{display:block;width:28px;height:28px;border-radius:50%;border:2px solid rgba(0,0,0,.35);position:relative;z-index:2} .skin-preview>b{position:absolute;inset:-3px;border-radius:50%;border:2px solid transparent;opacity:.85;animation:skinSpin 3.6s linear infinite;z-index:1} .skin-preview>em{position:absolute;inset:-8px;border-radius:50%;border:1px dashed transparent;opacity:.45;animation:skinSpin 6s linear infinite reverse;z-index:0} .skin-preview .dot{position:absolute;width:4px;height:4px;border-radius:50%;z-index:3;animation:skinOrbit 2.8s linear infinite} @keyframes skinSpin{to{transform:rotate(360deg)}} @keyframes skinOrbit{from{transform:rotate(0deg) translateX(24px)}to{transform:rotate(360deg) translateX(24px)}} .skin-info{ width:100%;margin-top:auto;padding:6px 6px 5px;border-radius:10px; background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1); box-sizing:border-box; } .skin-name{font-size:11px;font-weight:800;color:#ffe9a8;line-height:1.25;margin:0 0 4px} .skin-cost{ display:inline-block;font-size:10px;font-weight:800;color:#e8d28a; padding:2px 8px;border-radius:999px;margin:0 auto; background:rgba(232,196,106,.12);border:1px solid rgba(232,196,106,.35); } .skin-cost.owned{color:#9dffc2;background:rgba(107,255,176,.1);border-color:rgba(107,255,176,.35)} .skin-cost.equipped{color:#271c07;background:linear-gradient(180deg,#fff0b6,#d6a944);border-color:transparent} .skin-badge{position:absolute;top:6px;right:6px;font-size:8px;padding:2px 6px;border-radius:8px;background:linear-gradient(180deg,#fff0b6,#d6a944);color:#271c07;font-weight:900;z-index:4;box-shadow:0 2px 6px rgba(0,0,0,.35)} .sin-note{font-size:11px;color:#ffb0b0;margin:8px 0 4px;padding:8px 12px;border-radius:10px;background:rgba(255,80,80,.08);border:1px solid rgba(255,120,120,.25);max-width:680px;line-height:1.45} @media(max-width:420px){ .menu-row .menu-btn.small{padding:7px 10px!important;font-size:11px!important} .skin-hero{width:min(160px,52vw);height:96px} } #fpsMonitor{ position:absolute; left:12px; bottom:12px; z-index:30; padding:6px 10px; border-radius:10px; background:rgba(5,8,15,.72); border:1px solid rgba(255,255,255,.15); color:#6bffb0; font-size:11px; font-family:monospace; backdrop-filter:blur(8px); pointer-events:none; line-height:1.5; } /* ===== FORCE: 七罪/皮肤并排 + 商店操作分离 ===== */ #startScreen .menu-row{ display:inline-flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:center !important; gap:8px !important; width:auto !important; max-width:96vw !important; margin:6px auto !important; } #startScreen .menu-row > .menu-btn, #startScreen .menu-row > button{ display:inline-block !important; width:auto !important; min-width:0 !important; max-width:none !important; margin:0 !important; padding:8px 12px !important; font-size:12px !important; white-space:nowrap !important; flex:0 0 auto !important; } #startScreen #btnSinMode{ max-width:58vw !important; overflow:hidden; text-overflow:ellipsis; } .skin-action-row{display:flex;gap:8px;justify-content:center;align-items:center;margin:6px 0 8px;flex-wrap:wrap} .skin-action-row .menu-btn.small{width:auto!important;min-width:110px;margin:0;padding:8px 16px} .skin-card.previewing{border-color:#64e8ff!important;box-shadow:0 0 16px rgba(100,232,255,.25)} #sinSkinRow{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:6px!important} #btnSinMode,#btnSkins{width:auto!important;min-width:0!important;max-width:none!important;margin:0!important} #btnSinMode{max-width:55vw!important;overflow:hidden;text-overflow:ellipsis}
FPS: --
怪物:0
粒子:0
💰 0👑 0
最佳存活: 0:00
累计击杀: 0
割草纪元
SURVIVOR MOWER · V5 技能联动 · 手动进化 · 强敌版本 · 七宗罪模式 · 断线续玩
拖动 / 滚轮 / 触屏左右滑动选择角色
首领