/* 卡战备系统 V4 · 第72轮重排：密码门居中放大 / 装备图放大 / 省钱数字放大 / 手动刷新 */
.wrap{max-width:1180px;margin:0 auto;padding:14px 14px 40px}

/* ---------- 顶部刷新按钮 ---------- */
.top .rf{flex:none;white-space:nowrap}
.top .rf.busy{opacity:.6;pointer-events:none}
.top .rf.done{border-color:rgba(92,224,138,.6);color:#8ef0b4}

/* ---------- 今日密码门（居中·放大） ---------- */
.pwd{position:relative;margin:4px 0 16px;padding:20px 16px 16px;border-radius:18px;
  border:1px solid #26313f;overflow:hidden;
  background:radial-gradient(120% 140% at 50% -30%,rgba(255,176,32,.16),transparent 62%),
             linear-gradient(180deg,#131c28,#0e151e)}
.pwd::after{content:"";position:absolute;left:50%;top:0;width:220px;height:2px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,#ffb020,transparent);opacity:.85}
.pwdhead{text-align:center;margin-bottom:16px}
.pwdhead h1{margin:0;font-size:31px;line-height:1.15;font-weight:900;letter-spacing:4px;
  background:linear-gradient(180deg,#fff5e0,#ffb020 62%,#e08a00);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 10px rgba(255,176,32,.28))}
.pwdsub{margin-top:7px;font-size:12px;color:#8fa3b8;letter-spacing:.3px}
.pwdsub em{font-style:normal;font-weight:800;color:#ffd98a;font-size:13px}
.pwdsub .dotsep{margin:0 6px;color:#4a5b6e}

.pgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.pc{position:relative;padding:12px 6px 11px;border-radius:13px;text-align:center;cursor:pointer;
  border:1px solid #2a3644;background:linear-gradient(180deg,#111a25,#0c131b);
  transition:transform .14s,border-color .14s,box-shadow .14s}
.pc:hover{transform:translateY(-2px);border-color:rgba(255,176,32,.6);
  box-shadow:0 8px 22px rgba(255,176,32,.14)}
.pc:active{transform:translateY(0) scale(.985)}
.pc span{display:block;font-size:12.5px;color:#9db0c4;font-weight:700;margin-bottom:7px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc b{display:block;font-size:27px;line-height:1.05;font-weight:900;letter-spacing:3px;color:#ffd98a;
  font-family:ui-monospace,"SF Mono",Consolas,monospace;
  text-shadow:0 0 18px rgba(255,176,32,.35)}
.pc.copied{border-color:#5ce08a}
.pc.copied b{color:#8ef0b4;text-shadow:0 0 18px rgba(92,224,138,.4)}

/* ---------- 档次（分段控件·吸顶） ---------- */
.tierwrap{position:sticky;top:0;z-index:30;padding:6px 0 8px;margin-bottom:4px;
  background:linear-gradient(180deg,#0b0f14 72%,rgba(11,15,20,0))}
.tiers{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.gtab{padding:9px 10px;border-radius:11px;border:1px solid #263140;background:#131b25;cursor:pointer;
  color:#c3d2e2;font-size:14px;font-weight:800;font-family:inherit;text-align:center;
  transition:border-color .14s,background .14s,color .14s}
.gtab em{display:block;margin-top:2px;font-style:normal;font-size:10.5px;font-weight:600;color:#7d8fa4}
.gtab:hover{border-color:#3a4a5e}
.gtab.on{color:#1a1206;border-color:transparent;
  background:linear-gradient(180deg,#ffc650,#f0a015);box-shadow:0 6px 18px rgba(255,176,32,.22)}
.gtab.on em{color:rgba(26,18,6,.72)}

/* ---------- 分类 ---------- */
.gtabs{display:flex;gap:7px;flex-wrap:wrap;margin:6px 0 9px}
.ktab{padding:6px 13px;border-radius:9px;border:1px solid #263140;background:#141c26;
  color:#9db0c4;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;
  transition:border-color .14s,color .14s,background .14s}
.ktab em{margin-left:6px;font-style:normal;font-size:10.5px;opacity:.7}
.ktab:hover{border-color:#3a4a5e;color:#cfe0f0}
.ktab.on{background:rgba(255,176,32,.14);border-color:rgba(255,176,32,.6);color:#ffd98a}
.knote{font-size:12px;color:#7d8fa4;margin-bottom:10px}

/* ---------- 方案卡 ---------- */
.zcard{border-radius:16px;border:1px solid #26313f;overflow:hidden;
  background:linear-gradient(180deg,#111925,#0d141d)}
.zh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 14px;border-bottom:1px solid #1d2733}
.ztitle b{font-size:16px;font-weight:900;color:#eaf1f8;letter-spacing:.5px}
.ztitle span{display:block;font-size:11.5px;color:#7d8fa4;margin-top:3px}
.znav{display:flex;align-items:center;gap:7px;margin-left:auto}
.zinfo{font-size:13px;font-weight:800;color:#cbd8e6;min-width:46px;text-align:center;
  font-family:ui-monospace,Consolas,monospace}

/* 三个大数字：花费 / 战备 / 节省 */
.zstats{display:flex;border-bottom:1px solid #1d2733;background:rgba(255,255,255,.012)}
.zs{flex:1;text-align:center;padding:14px 6px 15px}
.zs+.zs{border-left:1px solid #1d2733}
.zs span{display:block;font-size:11.5px;color:#7d8fa4;margin-bottom:5px;letter-spacing:.5px}
.zs b{font-size:25px;font-weight:900;letter-spacing:.5px;
  font-family:ui-monospace,"SF Mono",Consolas,monospace}
.z0 b{color:#6ba6ff;text-shadow:0 0 16px rgba(107,166,255,.22)}
.z1 b{color:#5ce08a;text-shadow:0 0 16px rgba(92,224,138,.22)}
.z2{position:relative}
.z2 b{font-size:30px;background:linear-gradient(180deg,#ffe9b0,#ffb020);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 8px rgba(255,176,32,.3))}
.z2 span{color:#e0b463}

/* 装备清单：图放大，两列 */
.zitems{padding:10px 10px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.zi{display:flex;align-items:center;gap:12px;padding:9px 11px;border-radius:12px;cursor:pointer;
  border:1px solid transparent;background:#0f1720;transition:border-color .14s,background .14s,transform .14s}
.zi:hover{background:#152030;border-color:rgba(255,176,32,.35);transform:translateY(-1px)}
.zi img{width:66px;height:66px;border-radius:10px;flex:none;object-fit:contain;
  background:linear-gradient(160deg,#f7fafc,#e6ecf2);
  border:1px solid rgba(255,255,255,.22);padding:3px;
  filter:contrast(1.03) saturate(1.04) drop-shadow(0 1px 2px rgba(0,0,0,.18))}

/* ===== 第78轮：按小涛查原样标色给物品上等级（1 灰白 / 2 绿 / 3 蓝 / 4 紫 / 5 金 / 6 红）=====
   --gs 小涛查上的原色（做描边）；--gl 同色亮化（做图片底，保证看得清）；--gc 亮化版（深底上的文字） */
.zi{--gs:#9aa6b2;--gl:#eef1f5;--gc:#d5dde5}
.zi[data-g="0"]{--gs:#9aa6b2;--gl:#eaeef2;--gc:#ced8e1}
.zi[data-g="1"]{--gs:#cdd5d5;--gl:#edf1f3;--gc:#e6ecef}
.zi[data-g="2"]{--gs:#188d14;--gl:#d6efd6;--gc:#63e08f}
.zi[data-g="3"]{--gs:#658bce;--gl:#d9e5f9;--gc:#8fbdff}
.zi[data-g="4"]{--gs:#9b61c8;--gl:#ebddfa;--gc:#cfa2f5}
.zi[data-g="5"]{--gs:#e8a64e;--gl:#fbeacd;--gc:#ffc85c}
.zi[data-g="6"]{--gs:#cb464a;--gl:#fad6d8;--gc:#ff8185}
.zi[data-g]{border-color:rgba(255,255,255,.10);box-shadow:inset 4px 0 0 var(--gs)}
.zi[data-g] img{background:linear-gradient(160deg,#fbfdfe,var(--gl));border-color:var(--gs)}
.zi[data-g] .zin b{color:var(--gc)}

.zin{flex:1;min-width:0}
.zin b{display:block;font-size:13.5px;font-weight:700;color:#e8eef5;line-height:1.35;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zin span{display:block;margin-top:4px;font-size:12.5px;color:#8fa3b8;
  font-family:ui-monospace,Consolas,monospace}
.zin .gq{display:inline-block;margin-left:7px;font-style:normal;font-size:10.5px;font-weight:800;
  padding:0 5px;border-radius:4px;line-height:15px;letter-spacing:.3px;
  color:var(--gc,#d5dde5);background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);font-family:inherit;
  text-shadow:0 0 8px rgba(0,0,0,.5)}
.zb{font-style:normal;font-size:15px;font-weight:900;color:#5ce08a;flex:none;letter-spacing:.3px;
  padding:3px 8px;border-radius:8px;background:rgba(92,224,138,.1);border:1px solid rgba(92,224,138,.22)}
.zb:empty{display:none}

.empty{padding:26px;text-align:center;color:#7d8fa4;font-size:13px;grid-column:1/-1}
.ft{margin-top:18px;padding-top:12px;border-top:1px solid #1b2532;font-size:11.5px;color:#5f7185;line-height:1.7}

.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:999;
  padding:10px 18px;border-radius:11px;background:rgba(20,28,38,.97);border:1px solid #2c3a4a;
  color:#e8eef5;font-size:13px;box-shadow:0 10px 32px rgba(0,0,0,.55)}
.toast[hidden]{display:none}

/* ---------- 响应式 ---------- */
@media(max-width:900px){
  .pgrid{grid-template-columns:repeat(3,1fr)}
  .tiers{grid-template-columns:repeat(3,1fr)}
  .zitems{grid-template-columns:1fr}
}
@media(max-width:560px){
  .wrap{padding:10px 10px 34px}
  .pwd{padding:16px 10px 12px;border-radius:14px}
  .pwdhead h1{font-size:23px;letter-spacing:2px}
  .pwdsub{font-size:11px}
  .pgrid{gap:7px}
  .pc{padding:9px 4px 8px;border-radius:11px}
  .pc span{font-size:11px;margin-bottom:5px}
  .pc b{font-size:21px;letter-spacing:2px}
  .gtab{font-size:12.5px;padding:7px 6px}
  .gtab em{display:none}
  .zs b{font-size:19px}
  .z2 b{font-size:23px}
  .zs span{font-size:10.5px}
  .zi img{width:56px;height:56px}
  .zin b{font-size:12.5px}
  .zb{font-size:13px;padding:2px 6px}
  .top .rf{padding:5px 9px;font-size:12px}
}