body{font-family:system-ui,-apple-system,sans-serif;background:#f5f5f7;display:flex;justify-content:center;padding:20px;margin:0}
.w{width:100%;max-width:400px;margin-top:5vh}
.c{position:relative;width:100%;height:56px;margin-bottom:12px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.04);transition:transform .2s;overflow:hidden}
.c:not(.swapped):hover{transform:translateY(-2px)}
.cf,.cb{position:absolute;inset:0;display:flex;align-items:center;padding:0 16px;background:#fff;box-sizing:border-box;transition:opacity .2s}
.cb{opacity:0;pointer-events:none;background:#fafafa;justify-content:space-between}
.c.swapped .cf{opacity:0;pointer-events:none}
.c.swapped .cb{opacity:1;pointer-events:auto}
.n{font-weight:600;width:70px;color:#333;font-size:15px}
.v{flex:1;color:#666;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:10px}
.a{display:flex;gap:6px}
.btn{background:#000;color:#fff;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:28px;transition:opacity .2s;box-sizing:border-box}
.btn:active{opacity:.6}
.btn.i{padding:0;width:28px}
.b-txt{font-size:14px;color:#333;font-weight:500}
svg{width:14px;height:14px}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(3px);align-items:center;justify-content:center;z-index:99}
#m img{width:260px;height:260px;background:#fff;padding:10px;border-radius:12px}
.gm-c{background:#fff;width:280px;padding:24px;border-radius:16px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.15)}
.gm-t{font-weight:600;font-size:18px;margin-bottom:8px;color:#111}
.gm-d{font-size:14px;color:#666;margin-bottom:24px;line-height:1.4}
.gm-a{display:flex;gap:12px}
.gm-a button,.gm-a a{flex:1;padding:10px 0;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:opacity .2s}
.gm-a button{background:#f0f0f0;color:#333}
.gm-a a{background:#000;color:#fff}